jQuery를

Question

나는 다음과 같은 마크 업이로 클릭 요소에서 가장 가까운 입력 값을 얻기 :

<div class="options"> 
    <div class="quantity"> 
    <label>Qty:</label> 
    <input type="text" name="quantity" value="1"/> 
    </div> 
    <div class="buttons"> 
    <a href="#" class="add">Add Item</a> 
    </div> 
</div> 

내가 jQuery를 사용하여 '추가'클래스에 바인더 제본 클릭 이벤트가 있습니다. 내가 이것을 클릭하면 name = "quantity"의 값을 얻고 싶습니다. 그러나 'add'가 클릭되고 몇 개의 수량 필드가있는 곳이 몇 군데 있습니다.

'가장 가까운'입력 값을 얻으려고합니다. 나는 '가장 가까운'과 'findall'을 사용하려했지만 행운은 없다.

jQuery를 사용하여 어떻게 얻을 수 있습니까? 고맙습니다!

Answer 1

$(".add").on("click", function() { 
    var val = $(this).closest("div.options").find("input[name='quantity']").val(); 
}); 

전략은 여기에 있습니다 :

• 사용 closest 지정된 셀렉터에 일치하는 가장 가까운 조상 찾기 위해
• 는 그 다음 input에 찾아 find을 사용하여 (이 경우 클래스 option와 div) 주어진 name은 attribute equals selector을 사용합니다.
• 마지막으로 val을 사용하여 input의 값을 검색하십시오.

Answer 2

closest을 사용하여 적절한 둘러싸인 요소를 찾고 거기에서 작업해야합니다.

$(link).closest(".options").find("input[name=quantity]") 

Answer 3

$(this).parent().parent().find("input[name=quantity]").val() 

이 트릭

Answer 4

난 단지 동일한 수준의 요소와 가장 가까운 작품을 생각을해야한다. 그래서 ..

왜 입력 필드에 id를 넣지 않고 $('#input-id')을 선택 하시겠습니까?

또는 클래스 옵션까지 통과하고 거기에 입력을 찾을 : $(this).parents('.options:first').find('input');