jquery - jQuery选择元素紧挨着另一个

Question

如果我有：

<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() 没有成功

这是为了让我正在做的事情更有效率

谢谢你的帮助

Answer 1

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

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

Answer 2

在不知道你的 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>

Answer 3

next()应该可以正常工作 - 'dt' 的点击处理程序应该可以解决问题：

function dtClicked() { $(this).next().addClass("new-class"); }