Jak wybrać wartość sąsiedniego ukrytego wejścia za pomocą Jquery?

Question

Gdy użytkownik kliknie na img na końcu następującego "li", chcę uzyskać wartość ukrytego wejścia dwa elementy poprzednie.

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

Próbowałem to:

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

bezskutecznie. Jakieś pomysły? Muszę ustawić var ​​z identyfikatorem wiersza, który w tym przypadku wynosi "64".

Answer 1

Najbliższy (...) pobiera najbliższy węzeł nadrzędny, a nie najbliższy rodzeństwo.

Istnieje wiele sposobów robienia tego, co chcesz.

Spróbuj tych:

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

ładne i tanie:

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

Answer 3

See complete solution here.

Można przesunąć atrybut id do zawierającym <li>, usunąć pole ukryte i po prostu użyć:

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

Zaletą jest to, że w przyszłości można dodawać inne akcje, takie jak "edycja" itp., Bez konieczności martwienia się o pozycję rodzeństwa.