jquery 获取 父级的同级下面的子标签的css样式
php 嵌套的 html代码【注意是循环的】
<?php for($i=0;$i<10;$i++){ ?>
<div class="a">
<ul class="b">
<li class="bb"><span>2680</span></li>
</ul>
<div class="c">
<a class="cc" href="###">更换背景</a>
</div>
</div>
<?php } ?>
jquery 代码
// 说明: 因为是循环的，不能直接用 .a > .b > .bb 否则点击一个按钮都实现更换样式了，所以采用了从下往上的方式
$(document).ready(function(){ //目的是想实现：点击 .cc 后 给同父元素 .b 下面的 .bb 更换css样式。
$('.a > .c > .cc').click(function(){
var hq_cc = $(this).parent('').parent('.a').怎么写.hasClass('.bb');
if(huoqu_cc){ //如果是真
$(this).parent('').怎么写.removeClass('.bb'); //移除样式
$(this).parent('').怎么写.addClass('.bbA'); //更换成样式
}else{
$(this).parent('').怎么写.removeClass('.bbA'); //移除样式
$(this).parent('').怎么写.addClass('.bb'); //更换样式
};
});
});
jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性，下面的例子将返回首个匹配元素的 background-color 值：
父级的同级元素的子标签的css样式如下：
//eq(0)表示选择匹配到多个元素中的第一个$("target").parent().siblings().eq(0).children().eq(0)
$('.a > .c > .cc').click(function() {
var $li = $(this).parent().siblings(".b").children("li");
if ($li.hasClass("bb")) {
$li.removeClass("bb").addClass("bbA");
} else {
$li.removeClass("bbA").addClass("bb");
} //if end
}); //click end
}); //ready end本回答被提问者采纳
