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) ему присваивается имя класса? Я попытался 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

next() должно работать нормально - обработчик кликов для 'dt' в этих строчках должен помочь:

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

Answer 3

Не зная, как выглядит ваш 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>