请问用jquery 怎样更改某个标签 的 父标签 的 同级标签 的 子标签的css样式?
php嵌套的html代码【注意是循环的】<?phpfor($i=0;$i<10;$i++){?><divclass="a"><ulclass="b"><liclass="...
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).怎么写.hasClass('.bb'); //获取该标签的 父标签 的 同级标签 的 子标签的css样式
if(huoqu_cc){ //如果是真
$(this).怎么写.removeClass('.bb'); //移除样式
$(this).怎么写.addClass('.bbA'); //更换成样式
}else{
$(this).怎么写.removeClass('.bbA'); //移除样式
$(this).怎么写.addClass('.bb'); //更换样式
};
});
}); 展开
<?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).怎么写.hasClass('.bb'); //获取该标签的 父标签 的 同级标签 的 子标签的css样式
if(huoqu_cc){ //如果是真
$(this).怎么写.removeClass('.bb'); //移除样式
$(this).怎么写.addClass('.bbA'); //更换成样式
}else{
$(this).怎么写.removeClass('.bbA'); //移除样式
$(this).怎么写.addClass('.bb'); //更换样式
};
});
}); 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询