从上一个 span 元素中获取样式
Get style from previous span element
使用 jquery,我想从被点击的 spzn 之前获取 rgb 颜色代码。
我可以通过以下方式获得点击:
$(document).ready(function(){
$( "#myDiv :radio").click(function(){
alert("Got here");
});
});
那么,如何在单选按钮之前从具有类 swatchColour_1 的跨度中获取 rgb 代码 #000000。
大约有30种不同颜色的li元素。我实际可以更改的唯一代码是第一个带有 id="myList" 的div
<div class="productAttributeList" id="myList" style="">
<div class="productAttributeRow xx" id="ffb492067dcd98c19b6be89e9230f4fc">
<div class="productAttributeLabel">
<label for="06b0854950dd6cc1d296718965c0d36a">
<span class="required">*</span>
<span class="name">Color choice:</span>
</label>
</div>
<div class="productAttributeValue">
<div class="productOptionPickListSwatch">
<ul>
<li class="swatch hasPreview swatchOneColour">
<label for="0780a439a3a2ec8492a8772f4f5d739a">
<span class="previewContent">
<span class="swatchColours swatchOneColour showPreview" title="Black - 070">
<span class="swatchColour swatchColour_1" style="background-color:#000000;"> </span>
</span>
</span>
<input type="radio" class="validation" name="attribute[119]" value="195" id="0780a439a3a2ec8492a8772f4f5d739a" />
<span class="name">Black - 070</span>
</label>
</li>
...
谢谢加里
$(document).ready(function(){
$( "#myDiv :radio").click(function(){
alert($(this).prev("span.previewContent").find(".swatchColour_1").css("background-color"));
});
});
您可以使用.prev()
、.find()
和.css()
方法:
$( "#myList input[type=radio]").change(function() {
var color = $(this).prev().find('.swatchColour_1').css('background-color');
});
或使用.closest()
方法:
var color = $(this).closest('.previewContent')
.find('.swatchColour_1')
.css('background-color');
http://api.jquery.com/
相关文章:
- 使用 jQuery 获取样式属性值
- Microsoft JScript运行时错误:无法获取属性'的值;样式':对象为null或未定义
- "无法获取属性'的值;style'"当试图在IE中更改样式时
- 如何在javascript中获取样式属性的初始值
- 使用 JavaScript 获取按钮元素和样式按钮
- 获取样式的属性
- 如何从 CasperJS 获取样式表列表
- 从 javascript 获取样式设置时出现问题
- 从上一个 span 元素中获取样式
- 为什么javascript不能获取样式值,但可以更改它
- 在WordPress中,获取样式表中的网站URL
- 在javascript中设置/获取样式高度
- 如何创建一个函数来设置或获取样式属性值
- 设置CSS类后,Javascript无法获取样式
- 从head获取样式表内容
- 从ownerNode(样式标签)获取样式表对象
- JQTE文本值也正在获取样式
- 无法获取我的id's使用javascript从html中获取样式
- React Native-从函数中获取样式(Android)
- Javascript:获取样式定义不正确的元素的内容