JavaScriptでネストされたdivの値を見つけて、divを非表示にするにはどうすればよいですか?
例として、JavaScript関数への入力がフロリダの場合。
div(クラス名=状態名)をループして、内部スパンの値(クラス= "状態")を取得したいと思います。値が私の入力値(フロリダ)と一致する場合は、その親div(状態名)を非表示にします。
<div class="state-names panel panel-default" ">
<div class="panel-heading">
<h3 class="panel-title">
<a> <span class ="state">Alabama (6)</span></a>
</h3>
</div>
</div>
<div class=" state-name panel panel-default" ">
<div class="panel-heading">
<h3 class="panel-title">
<a> <span class ="state">Florida (2)</span></a>
</h3>
</div>
</div>
<div class=" state-name panel panel-default" ">
<div class="panel-heading">
<h3 class="panel-title">
<a> <span class ="state">Texas (16)</span></a>
</h3>
</div>
</div>
htmlタグを繰り返し処理し、JSまたはJqueryでスパン値を取得するにはどうすればよいですか?
ありがとう
以下のようにjQueryを使用してこれを行うことができます。
$('.state-names').each(function(i, obj) {
if($(this).text().includes("Florida")){
console.log("Found Florida")
$(this).hide()
}
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加