jQueryにおける前のセット
jQueryのチェーンを構築する際、前のセットに戻る必要があることがあります。
これはendメソッドを使用して行います。
次の例はHTMLコードです:
<p class="www">テキスト</p>
<p class="www">テキスト</p>
<p>テキスト</p>
<p>テキスト</p>
私たちのタスクは、まずすべての段落を見つけ、
次に見つかった段落の中からwwwクラスを持つものをfilterメソッドで選択し、
appendメソッドを使って末尾に'!'テキストを追加することです。
その後、endを使用して前のセット(これは$('p')のセットです)に戻り、その末尾に'?'テキストを追加します。
結果として、wwwクラスを持つ段落のテキストは'!?'になり、
通常の段落のテキストは'?'になります:
$('p').filter('.www').append('!').end().append('?');
クラスwwwを持つすべてのh2を見つけ、
それらを赤色にし、次に見つかった要素の中からクラスtestを持つ要素を見つけて、
フォントサイズを30pxに設定してください。