jQuery select元素紧挨着另一个

bogh5gae 于 2023-06-22 发布在 jQuery

关注(0)|答案(3)|浏览(129)

如果我有：

<dt>Title</dt>
<dd>Description</dd>

<dt>Title</dt>
<dd>Description</dd>

<dt>Title</dt>
<dd>Description</dd>

<dt>Title</dt>
<dd>Description</dd>

我怎样才能创建一个选择器，以便当我单击一个dt时，紧跟着它的dd（并且只有那个DD）被赋予一个类名？我尝试了nextUntil（）和next（），但没有成功
这是为了让我正在做的事情更有效率
谢谢你的帮助

jquery

来源：https://stackoverflow.com/questions/13674275/jquery-select-element-immediately-next-to-another

3条答案

按热度按时间

gcuhipw91#

<script type="text/javascript">
    $(document).ready(function(){
        $('dt').click(function(){
            $(this).next('dd').addClass('bolder');
        });
    });
</script>

<style>
    .bolder {
        font-weight: bold;
    }
</style>

赞(0）回复(0）举报 2023-06-22

9w11ddsr2#

在不知道你的js代码是什么样子的情况下，像这样的东西可能对你有用吗？
http://jsfiddle.net/GwpNp/

$("#wrapper").on("click", "dt", function(e){
   $(this).next().addClass("red");
});

<div id="wrapper">
    <dt>Title</dt> <dd>Description</dd>  
    <dt>Title</dt> <dd>Description</dd>  
    <dt>Title</dt> <dd>Description</dd>  
    <dt>Title</dt> <dd>Description</dd>
</div>

赞(0）回复(0）举报 2023-06-22

2w3kk1z53#

next()应该可以正常工作-沿着这些行的'dt'的点击处理程序应该可以完成这个任务：
function dtClicked() { $(this).next().addClass("new-class"); }

赞(0）回复(0）举报 2023-06-22