※ ChatGPTを利用し、要約された質問です(原文:jQuery 階層セレクタとフォームセレクタの混在)
jQuery階層セレクタとフォームセレクタの混在
このQ&Aのポイント
jQueryで階層セレクタにフォームセレクタを使用すると一部動作しないセレクタがある。
セレクタ「prev ~ siblings」のsiblingsにフォームセレクタの:hiddenを指定しても効果がない。
siblingsにセレクタを指定できるという認識は間違っているのか。
jQuery 階層セレクタとフォームセレクタの混在
いつもお世話になります。
jQueryで、階層セレクタにフォームセレクタを使用すると、一部思うように動作しないセレクタがあります。動作しないのは、例えば以下のセレクタです。
HTML
------
<div id="div1"></div>
<input type="hidden" name="hdn0" value="h1" />
<input type="hidden" name="hdn1" value="h2" />
-----
jQuery
-----
$(function() {
var obj = $("#div1");
alert($("~ input:hidden[name='hdn0']", obj).val());
alert($("~ input:hidden[name='hdn1']", obj).val());
});
-----
上記のセレクタは、階層セレクタで 「prev ~ siblings」 のsiblingsを、フォームセレクタの:hiddenを指定しているのですが、この:hiddenが効いてないみたいなのです。
(:hiddenを外せばとれます)
自分なりに調べてみて、siblingsにはセレクタを指定することができると思っています。
しかしこの認識は間違っているのでしょうか。
宜しくお願いします。
jQuery:1.7.2
(https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.jsを使用)