jquery 使用JavaScript选择元素(z轴)

hsvhsicv  于 2023-01-20  发布在  jQuery
关注(0)|答案(1)|浏览(141)

我想从我放在下面代码中的框中;选择一个Z轴索引等于3的框,并将其背景设置为红色以区别于其他框。
网页:

<ul>
        <li class="post1">
            <div class="content">
                <h4 class="title">title post1</h4>
            </div>
        </li>

        <li class="post2">
            <div class="content">
                <h4 class="title">title post2</h4>
            </div>
        </li>

        <li class="post3">
            <div class="content">
                <h4 class="title">title post3</h4>
            </div>
        </li>

        <li class="post4">
            <div class="content">
                <h4 class="title">title post4</h4>
            </div>
        </li>

        <li class="post5">
            <div class="content">
                <h4 class="title">title post5</h4>
            </div>
        </li>
    </ul>

为此,我写了一个脚本代码,不工作。请为我编辑此代码:
脚本:

$("li").each(function(){
var a=$(this).find("li");
$(this).css('z-index',3);
a.style.background= "red";
});
ecbunoof

ecbunoof1#

这个应该可以

$("li").each(function(index){//goes througth li elements
if($(this).css("z-index") == 3){//if zindex equals 3
  $(this).css("background-color","red");//set back ground to red
}
});

相关问题