Почему ближайший объект возврата тега возвращает вместо

Question

Возможно, я слишком много смотрел на это, но почему id тега select не предупрежден ... ??

здесь код, который я играл с:

<select id="one"> 
    <option>an option</option> 
    <option>another option</option> 
</select> 

<button id="btn" >look a button</button> 

$("#btn").click(function() { 
    var c = $(this).closest(".one").id; 
    alert(c); 
}); 

что является HMTL и Javascript ... должно быть легким ...

Answer 1

closest() используется для получения первого элемента предка который соответствует вашему селектору. Вам нужно prev() или siblings() здесь:

var c = $(this).prev().attr('id'); 

или:

var c = $(this).siblings("#one").attr('id'); 

поскольку select является предыдущий элемент или родственный вашей кнопки в этом случае

Answer 2

closest() возвращает ближайший предок элемент, соответствующие данному селектор, в вашем случае это предыдущий брат, поэтому используйте .prev().

Но те, метод обхода JQuery возвращает объект JQuery, который не имеет в id свойство так прочитать значение атрибута ID с помощью .attr()

$("#btn").click(function() { 
    var c = $(this).prev("#one").attr('id');//as @Felix pointed out one is the id not a class 
    //since you have an id for the select element you can use an id selector 
    // like c = $('#one').val(); 
    alert(c); 
}); 

Answer 3

Поскольку все JQuery селекторы возвращают объекты JQuery, на какие дополнительные методы JQuery может быть прикован. Если вы хотите получить доступ к сырьевому элементу, вы можете использовать [0]:

$("#btn").click(function() { 
    var c = $(this).closest(".one")[0].id; 
    alert(c); 
});