今までjQueryを使っていたのですが、プレーンなjsで実装しています。
押された要素の親の親の要素を取りたいのですが方法がわかりません。
下記のような、同じ構成のグループ毎に同じ要素が複数あるhtmlがあるとします。
グループのノード内に、値をリセットするためのreset_button
クラスのボタンがあり、
これを押すと、同じgroup
クラス内のhidden_value
を削除します。
html
1<div class="group"> 2 <a class="set_button" href="#" onclick="setValue()">値セット</a> 3 <div class="sub_group"> 4 <p>値</p> 5 <a class="reset_button" href="#" onclick="unsetValue(); return false;">値リセット</a> <!-- このボタンを押したらinputの値を削除--> 6 </div> 7 <input class="hidden_value" type="hidden"> 8</div> 9 10<div class="group"> 11 <a class="set_button" href="#" onclick="setValue()">値セット</a> 12 <div class="sub_group"> 13 <p>値</p> 14 <a class="reset_button" href="#" onclick="unsetValue(); return false;"><値リセット</a> 15 </div> 16 <input class="hidden_value" type="hidden"> 17</div>
色々試してみたのですが親の親の取れなかったので、
直近の親を取ろうとしたのですが次のスクリプトを書いてみたのですが要素が取れませんでした。
js
1function unsetValue() { 2 // まず、直近の親を撮ってみたがundefined 3 console.log(self.parentElemnt) 4} 5
先祖の要素を検索して取得するにはどうしたら良いでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/17 15:46