jquery - jQuery:特定の値を持つ要素の内部htmlを選択し、変数に割り当てますか?

Question

私はこのコードを持っています:

<dl class="item-options">
    <dt>dt1</dt>
    <dd>dd1</dd>
    <dt>dt2</dt>
    <dd>ss2</dd>
</dl>

ここで、コンテンツによって dt1 にアクセスし、dd1 からの値をそれに割り当てたいと考えています。各ループですべての dd を反復処理しているため、アクセスする dd ごとに、一致する dt からコンテンツを取得したいと考えています。

それを行う方法はありますか？

ありがとう！

score 1 · Accepted Answer

試す：

var it = $(".item-options dt").first().text());

dt1 が最初の要素でない場合は、それぞれをループできますdt。

$("dt").each(function(e) {
   var dt = $(this).text();
   if (dt == "dt1") {
     // logic   
   }
});

score 0 · Accepted Answer

次のように、 :containsセレクターを使用して、特定のテキストを含む要素を選択できます。

$('.item-options dt:contains("dt1")')

<dt>これにより、テキストの一部として文字列「dt1」を持つ要素が選択されます。これは完全一致ではないため、部分文字列として「dt1」を含む要素も選択されることに注意してください。

2 に答える 2