Как выбрать значение смежного скрытого ввода с помощью Jquery?

Question

Когда пользователь нажимает на img в конце следующего «li», я хочу получить значение скрытого ввода двумя предыдущими элементами.

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

Безрезультатно.Есть идеи?Мне нужно установить переменную с идентификатором строки, который в данном случае "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

Смотрите полное решение здесь.

Вы можете переместить атрибут id в содержащее <li>, удалить скрытое поле и просто использовать:

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

Преимущество здесь в том, что в будущем вы можете добавлять другие действия, такие как «редактирование» и т. Д., Не беспокоясь о положении брата или сестры.

Answer 3

Красиво и дешево:

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