jquery - JQuery セレクターのショートカット

Question

次のコードがあるとします。

$(div.now span).text('now');
$(div.30days span).text('30days');
$(div.60days span).text('60days');

物事を短くしたい場合、これは次のようにするのが論理的なことのようです:

$('span', 'div.now, div.30days, div.60days').text(some text);

さて、短縮版では、テキストをクラス名のテキストに設定したいのですが、その方法がわかりません。何か案は？これは理想的なことではなく、JQuery での単なる実験であることは理解しています。

score 3 · Accepted Answer

次のことを試してください。

$("div span").each(function(){
  $(this).text($(this).closest('div').attr('class'))
})

score 0 · Accepted Answer

これはあなたが望むものですか？

$('div.now', 'div.30days', 'div.60days').each(function(){
  $(this).text(this.className); 
});

</ p>

score 0 · Accepted Answer

を使用してループする必要はありませんeach。

それを行う最良の方法は次のとおりです。

$('div span').text(function() {
    return this.parentNode.className;
});

4 に答える 4