使用jquery在嵌套的HTML元素中获取div的id

时间:2013-09-28 11:05:54

标签: javascript jquery html

在下面的HTML代码中,如何使用jquery获取第一个div的idpost(367):

<div id="own-posts">
  <span class="title">Me</span>    
  <div class="posts_container">
    <div class="post"></div>  

    <div id="367" class="post"></div>
    <div id="365" class="post"></div>
    <div id="345" class="post"></div>
    <div id="343" class="post"></div>

  </div>

</div>

我尝试过的解决方案之一:

$('#own-posts').children()[1].children()[1].attr('id');

3 个答案:

答案 0 :(得分:4)

第一个.post元素没有ID,所以我猜你的意思是第一个实际具有ID属性的.post元素:

var id = $('#own-posts .post[id]:first').prop('id');

FIDDLE

答案 1 :(得分:1)

如果具有该类的所有div都具有id,则

$('#own-posts .post:first').prop('id');有效。

否则如果模式是第一个div.post没有id,但第二个是你可以使用:

$('#own-posts .post').eq(1).prop('id');

由于this

,我使用了.prop()

答案 2 :(得分:1)

尝试

$('#own-posts .post').eq(1).prop('id');

DEMO