爲什麼最接近的選擇標記返回對象而不是選擇

Question

也許我一直在看這太多，但是如何不提醒選擇標記的ID ......？

這裏是代碼我跟打：

<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的遍歷方法返回不具有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對象的id屬性值，在其上jQuery對象附加jQuery方法可以鏈接。如果您要訪問原始的元素，你可以使用[0]：

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