div内のラベルをjQueryで選択するにはどうすればいいですか？

Question

私のDOMは次のようになります。

敬遠しがち最良の方法は何

<label for="delivery_name">Name</label>

：私は一番下の入力はDOM要素を持っているかどうかを確認するためにjQueryを使用するにはどうすればよい

<div class="edit-section slideDown"> 
    <form> 
    <div class="info-header"> 
    <div class="acct-section-title clearfix"> 
     <h3 class="acct-section-title-txt pull-left">Meals</h3> 
     <button type="button" class="pull-right btn-close icon-close"></button> 
    </div> 
    </div> 
    <div id="flash-msg"></div> 


    <ul class="info-list info-list-form"> 

    <div class="col-sm-4 info-label"><label for="delivery_name">Name</label></div> 
    <div class="col-sm-8 info-value"> 
     <div class="form-group mb-0"> 
     <input type="text" name="delivery_name" id="delivery_name" class="form-input"> 
     </div> 
     ... 

それを確認する？

$('.edit-section')私は外側の要素を取得しますが、ラベルタグを取得するにはどうすればよいですか？

Answer 1

あなたはそれを見つけることができます。

はあなたがfindとclosest機能を使用する必要が次のスニペット

console.log($(".edit-section").find("label[for =delivery_name]").text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="edit-section slideDown"> 
 

 
    <div class="info-header"> 
 
    <div class="acct-section-title clearfix"> 
 
     <h3 class="acct-section-title-txt pull-left">Meals</h3> 
 
     <button type="button" class="pull-right btn-close icon-close"></button> 
 
    </div> 
 
    </div> 
 
    <div id="flash-msg"></div> 
 

 

 
    <ul class="info-list info-list-form"> 
 

 
    <div class="col-sm-4 info-label"> 
 
     <label for="delivery_name">Name</label> 
 
    </div> 
 
    <div class="col-sm-8 info-value"> 
 
     <div class="form-group mb-0"> 
 
     <input type="text" name="delivery_name" id="delivery_name" class="form-input"> 
 
     </div> 
 

 
    </div>

Answer 2

ラベルタグを取得するにはどうすればよいですか？

最も簡単なアプローチは次のとおりです。

$('label[for="delivery_name"]'); 

がどのように私は一番下の入力はラベルを持っているかどうかを確認するためのjQueryを使用していますか？

$('label[for="delivery_name"]').length < 1の場合、そこにはありません。

Answer 3

をご確認ください。あなたはjQueryを使ってdelivery_nameに直接アクセスすることができ

$('#delivery_name').closest('ul').find('label') 

Answer 4

：

これを試してみてください。ここ

$（ '＃のdelivery_name'）

ドキュメント：https://api.jquery.com/

Answer 5

あなたは直接$('.edit-section label[for="delivery_name"]')