230问答网 > jquery 多个 <div> 点击当前的<⼀div>后，只改变当前的<div>的样式.该怎么写？是点击

jquery 多个 <div> 点击当前的<⼀div>后，只改变当前的<div>的样式.该怎么写？是点击

2024-12-31 22:08:24

推荐回答（3个）

回答1：

把mouseover，mouseout改成click，建议把要修改的CSS写样类样式，写好后用hasClass判断当前是什么样式，然后再根据当前样式做不同的变换。

回答2：

搞不懂，你咋在点击事件外边还要迭代一次呢，直接：

$(function(){
    $(".sp_xz ul li p").click(function(){                             
        $(".li_P1").eq($(this).parent().index()).css({'border':'#F60 solid 2px'     
     })  
})

还有就是，为什么不直接在每个div块上直接click,而要通过点击其他的元素来控制.li_p1的样式呢？

回答3：

你好!!

$(".sp_xz ul li").click(function (i) {
    $(this).siblings().css("background","").end()
           .css("background","'url(images/sp_xz.png)'");
});