如何影响 jQuery 中具有特定后代的祖先?

发布于 11-17 03:16 字数 630 浏览 3 评论 0原文

我有这两个具有相同类名 () 的 DIV:


    <div class="myOutterDiv">
        <ul class="innerUL">
            <li id="num1">1</li>
            <li id="num2">2</li>
        </ul>
    </div>

    <div class="myOutterDiv">
        <ul class="innerUL2">
            <li id="letterA">A</li>
            <li id="letterB">B</li>
        </ul>
    </div>

我想将带有蓝色边框的 css 边框应用于包含 2 的边框,将红色边框应用于包含 B 的边框。

我尝试过使用parentsUntil (),但对 class="myOutterDiv" 之前的所有祖先应用了边框。我只想影响 class="myOutterDiv"。

谢谢!

I've got these two DIVs which have the same class name ():


    <div class="myOutterDiv">
        <ul class="innerUL">
            <li id="num1">1</li>
            <li id="num2">2</li>
        </ul>
    </div>

    <div class="myOutterDiv">
        <ul class="innerUL2">
            <li id="letterA">A</li>
            <li id="letterB">B</li>
        </ul>
    </div>

I'd like to apply a css border with a blue color to the one that contains 2

and red to the one that contains B

.

I've tried using parentsUntil(), but applied a border to all the ancestors up to class="myOutterDiv". I just want to affect class="myOutterDiv".

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

把时间冻结2024-11-24 03:16:39

这对你有用吗?

$('#num2').parent('.myOuterDiv').css({'border': '1px solid blue'});
$('#letterB').parent('.myOuterDiv').css({'border': '1px solid red'});

Would this work for you?

$('#num2').parent('.myOuterDiv').css({'border': '1px solid blue'});
$('#letterB').parent('.myOuterDiv').css({'border': '1px solid red'});
荒人说梦2024-11-24 03:16:39

怎么样:

$(yourthing).parent(".myOuterDiv").css("border", "1px solid red");

What about:

$(yourthing).parent(".myOuterDiv").css("border", "1px solid red");
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文