Question

我想知道如何根据jquery的数据值获取div的id

例如，如何使用数据类型的注释获取第一个div的id值，或者如果数据类型是post，我将如何获取该id属性值？

到目前为止，我想出了这个jquery，但它只得到了第一个div的id而不是第一个使用data-type =“comment”的div ......

我的jquery：

var getFirstPostID = $("#divwrap").find(".post_wrap").data("post-type", "comment").attr("id");

div's：

<div id="divwrap">
    <div id="1174" data-type="post" class="postwrap"></div>
    <div id="1151" data-type="post" class="postwrap"></div>
    <div id="1100" data-type="post" class="postwrap"></div>
    <div id="1042" data-type="comment" class="postwrap"></div>
    <div id="1018" data-type="comment" class="postwrap"></div>
</div>

Answer 1

易

$('#divwrap').find('div[data-type="comment"]').attr('id')

Answer 2

您可以在.filter()之后使用.find()，而您只需要获得id道具：

$("#divwrap").find(".post_wrap").filter('[data-type="comment"]').prop('id');

＆＃13;

var getFirstPostID = $("#divwrap").find(".postwrap").filter('[data-type="comment"]').prop('id');

alert( getFirstPostID );

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="divwrap">
    <div id="1174" data-type="post" class="postwrap"></div>
    <div id="1151" data-type="post" class="postwrap"></div>
    <div id="1100" data-type="post" class="postwrap"></div>
    <div id="1042" data-type="comment" class="postwrap"></div>
    <div id="1018" data-type="comment" class="postwrap"></div>
</div>

＆＃13;

如何使用数据值获取div的id

2 个答案: