Jquery के साथ आसन्न छिपे इनपुट के मूल्य का चयन कैसे करें?

Question

जब कोई उपयोगकर्ता निम्नलिखित "li" के अंत में img पर क्लिक करता है, तो मैं छिपी हुई इनपुट का मान पिछले दो तत्वों को प्राप्त करना चाहता हूं। कोई लाभ नहीं हुआ करने के लिए

$(document).ready(function(){ 
    $("#theLists img").click(function(){ 
     var contentId = $(this).closest("input[name='id']").val();   
    }); 

:

<ul id="theLists"> 
    <li> 
    <input class="checkbox" type="checkbox" name="row"/> 
    <input class="contentId" type="hidden" value="64" name="id"/> 
    <div id="64" class="editable">Peanuts for me</div> 
    <img src="/img/delete.gif" alt="delete"/> 
    </li> 
</ul> 

मैं इस कोशिश की। कोई विचार? मुझे पंक्ति आईडी के साथ एक var सेट करने की आवश्यकता है, जो इस मामले में "64" है।

Answer 1

निकटतम (...) निकटतम भाई नजदीक नजदीकी माता-पिता नोड प्राप्त करता है।

वास्तव में, आप जो चाहते हैं उसे करने के कई तरीके हैं।

इन का प्रयास करें:

var contentId = $(this).siblings("input[name='id']").val(); 

var contentId = $(this).parent().children("input[name='id']").val(); 

var contentId = $(this).prev().prev().val(); 

Answer 2

अच्छा और सस्ता:

var contentId = $(this).parents('li:first').find('.contentId').val(); 

Answer 3

See complete solution here.

आप युक्त <li> करने के लिए id विशेषता स्थानांतरित कर सकते हैं, छिपी हुई फ़ील्ड को हटाने और बस का उपयोग करें:

var contentId = $(this).parent().get(0).id; 

यहां का लाभ यह है कि भविष्य में आप अन्य क्रियाएं जैसे "संपादन" इत्यादि जोड़ सकते हैं, बिना किसी भाई की स्थिति के बारे में चिंता करने की आवश्यकता के।