規則性なく多重にネストされたタグの中にclass="target"があるとして
そこから最も近い次のclass="target"要素をセレクトする方法をご存知の方お教えくださいませ
起点となる要素は変わります
<!--不規則にネストされたタグのなかにtarget--> <div> <div> <span> <input id="one" class="target" type="text" value="1"/> </span> </div> </div> <input id="two" class="target" type="text" value="2"/> <div> <div> <a> <p> <span> <input id="three" class="target" type="text" value="3"/> </span> </p> </a> </div> </div>
起点は変わりますが
id="one"をクリック(起点)にテストしました
nextAll は undefindとなりました
$(".target").click(function(event){ var obj = $(this).nextAll('.target:first'); alert(obj.val()); });
closest は 1 自分自身を取得してしまいました
$(".target").click(function(event){ var obj = $(this).closest('.target'); alert(obj.val()); });
parent() は不規則なネストには使えず undefindとなりました
$(".target").click(function(event){ var obj = $(this).closest('.target').parent().closest('.target'); alert(obj.val()); });
next は undefindとなりました
$(".target").click(function(event){ var obj = $(this).next('.target'); alert(obj.val()); });
find は undefindとなりました
$(".target").click(function(event){ var obj = $(this).find('.target'); alert(obj.val()); });
closest + は undefindとなりました
$(".target").click(function(event){ var obj = $(this).closest('.target + .target'); alert(obj.val()); });
以上、分かる方お助け下さいませ
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/11 01:24