jQuery

Question

Aşağıdaki biçimlendirme var olan tıklanan elemanın en yakın giriş değerini alma:

<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 kullanarak 'ekle' sınıfına binded bir tıklama olayı var. Bunu tıkladığımda, name = "quantity" değerini almak istiyorum, ancak 'add' seçeneğinin tıklandığı ve çeşitli miktar alanlarının olduğu birkaç yer var.

'En yakın' giriş değerini almaya çalışıyorum. 'En yakın' ve 'findall' kullanmayı denedim, ama şans yok.

Bunu jQuery kullanarak nasıl edinebilirim? Teşekkür ederim!

Answer 1

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

strateji buradadır:

• Kullanım closest verilen seçici eşleşen en yakın atası bulmak için
• Sonra input ile bulmak için find kullanmak (bu durumda sınıfın option ile div) attribute equals selector kullanarak verilen name.
• Son olarak, input değerini almak için val kullanın.

Answer 2

Uygun kapama elemanını bulmak için closest'u kullanmanız ve ardından buradan çalışmanız gerekir.

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

Answer 3

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

Bu hile

Answer 4

Ben yalnızca aynı seviyede elemanları ile yakın çalışmalarını tahmin yapmalıdır.

Neden giriş alanına id atıp $('#input-id') seçmeli?

Veya sınıflarından birini içeriden geçmesine ve orada girişi bulmak: $(this).parents('.options:first').find('input');