[英]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>
。 。 。
谢谢加里
您可以使用.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');
$(document).ready(function(){
$( "#myDiv :radio").click(function(){
alert($(this).prev("span.previewContent").find(".swatchColour_1").css("background-color"));
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.