jQuery에서 div 내부의 레이블을 선택하는 방법은 무엇입니까?

Question

내 DOM은 다음과 같습니다

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

무엇 했나 가장 좋은 방법 :

<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> 
     ... 

은 어떻게 하단의 입력이 DOM 요소가 있는지 확인하기 위해 jQuery를 사용합니까 확인해 볼까?

$('.edit-section') 외부 요소를 가져 오지만 어떻게 레이블 태그를 가져 옵니까?

Answer 1

찾을 수 있습니다. 다음

검사는

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

당신은 find 및 closest 기능을 사용할 필요가 니펫을.

이 시도하십시오

이

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

Answer 4

당신은 jQuery를 함께 delivery_name에 직접 액세스 할 수 있습니다.

$ 여기에 ('#의 delivery_name')

문서 : https://api.jquery.com/

Answer 5

직접 레이블 $('.edit-section label[for="delivery_name"]')