我怎样才能从下一个元素中获取Id?

时间:2014-07-25 19:16:32

标签: javascript jquery

我正在尝试从下一个元素中获取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);
}

3 个答案:

答案 0 :(得分: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是锚点的,它不是 next 兄弟。

答案 1 :(得分:1)

'因为它不是'下一个'元素。

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

应该有用......

答案 2 :(得分:0)

你正在使用jQuery和.next()错误。删除内联事件处理程序,使用.find()而不是.next(),然后尝试:

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

<强> jsFiddle example