jquery - 別の要素のすぐ隣にある jQuery select 要素

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's のクリックハンドラーは、トリックを行う必要があります:

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