我如何從下一個元素獲取ID？

Question

我正在嘗試從下一個元素獲取ID，但是我得到了-“未定義” ...

我究竟做錯了什么？

http://jsfiddle.net/84x9v/

HTML：

<a class="col" onclick="getId()">
    <div id="1"><span>1</span></div>
</a>

JavaScript：

function getId(){
  var get = $(this).next("div").attr("id");
  alert(get);
}

Answer 1

刪除內聯js

<a class="col">
    <div id="1"><span>1</span></div>
</a>

並使用事件處理程序

$('.col').on('click', function() {
    var get = $(this).find("div").prop("id");
    alert(get);
});

請注意，通常將塊元素放置在錨中不是很好的做法，並且div是錨的子級 ，這不是下一個兄弟。

Answer 2

因為這不是“下一個”元素。

function getId(){
  var get=$(this).find("div").attr("id");
  alert(get);
)

應該管用...

Answer 3

您正在使用jQuery和.next()錯誤。 刪除內聯事件處理程序，使用.find()而不是.next() ，然后嘗試：

function getId() {
    var get = $(this).find("div").attr("id");
    alert(get);
}
$('a').click(getId)

jsFiddle示例