jquery クリックされたaタグの親要素の取得
2012/04/29
親要素が欲しければ「parent」か「parents」。
子要素が欲しければ「children」。
子要素が欲しければ「children」。
メモとサンプルソース
ソースとサンプル
めも
「parents」と「parent」で微妙に違う。
「parent」はすぐ上の親要素しか見てくれない。
「parents」は親の親も見てくれる。
ということになっている。
「parents」は親の親も見てくれる。
ということになっている。
例
「$(this).parent("td")」の場合は親が「td」の時のみ。「tr」とかだったらダメ。
「$(this).parents("td")」の場合は親が「td」の時。親が「td」じゃなければその親が「td」の時と親の親の…と遡ってくれる。
「$(this).parents("td")」の場合は親が「td」の時。親が「td」じゃなければその親が「td」の時と親の親の…と遡ってくれる。
中身の取り方は色々とあるけど下記が使う頻度高そう(個人的偏見で)
$(this).parent("td").context.innerHTML
$(this).parent("td").context.outerHTML
$(this).parent("td").context.text
$(this).parent("td").context.textContent
※サンプルソースの方では、一旦別の変数に入れて配列(?)の0番目として取得している。
$(this).parent("td").context.outerHTML
$(this).parent("td").context.text
$(this).parent("td").context.textContent
※サンプルソースの方では、一旦別の変数に入れて配列(?)の0番目として取得している。