※ ChatGPTを利用し、要約された質問です(原文:jquery 親要素以外の取得)
jqueryで親要素以外の取得方法
このQ&Aのポイント
jqueryのセレクタを使用して、特定の要素を取得する方法について説明します。
例えば、特定の値を持つ子要素を持つ親要素以外の要素を取得する場合、以下のような方法があります。
具体的には、指定した値を持つ子要素を持つ親要素以外の要素を特定し、その要素に対して操作を行うことができます。
下記のような形で200をクリックしたら<li>に200を持つ<ul>以外の<ul>の色変えをしたいと思っています。
<button id="100">100</button> <button id="200">200</button> <button id="300">300</button>
<div>
<ul>
<li>100</li><li>150</li>
</ul>
<ul>
<li>200</li><li>250</li>
</ul>
<ul>
<li>300</li><li>350</li>
</ul>
・
・
</div>
このようなhtmlで200のボタンを押したとき<li>中身が200の<ul>はそのまま、他の<ul>を色変えする形です。
$('button#200').click(function(){
$('ul li').each(function(){
var siz = $(this).text();
if(siz == '200'){
$(this).parent().css('background','#ccc');
}
})
});
200を押したとき<li>200を含む<ul>を色変えはできましたが、それ以外を変える場合がわかりません。
どうかご教授お願いします。
お礼
ありがとうございます! まさにやりたい動作でした。 まったく想像していないやり方で、コードも短く大変勉強になりました。 それぞれの役割を勉強して理解したいと思います。 説明不足のなか、本当にありがとうございました。