jquery - 使用 jquery 的 after 和 divs 属性

Question

如何使用jQuery’s after() 在具有特定属性的div之后插入数据？

我的<div>就这样吧

<div id="mod" mod-id="1" mod-user="user1">
Content 1
</div>

<div id="mod" mod-id="2" mod-user="user2">
Content 2
</div>

<div id="mod" mod-id="3" mod-user="user3">
Content 3
</div>

这里，我该如何分辨 jQuery 的 after()在 id="mod" and mod-id="2" 之后插入数据？

我可以告诉after()插入 id="mod" 之后，但不知道如何告诉它根据 div 执行此操作的数据属性。

Answer 1

ID 必须是唯一的，您可以使用类代替，也可以使用 HTML5 data-* 属性代替自定义属性:

<div class="mod" data-mod-id="1" data-mod-user="user1">
  Content 1
</div>

<div class="mod" data-mod-id="2" data-mod-user="user2">
  Content 2
</div>

<div class="mod" data-mod-id="3" data-mod-user="user3">
  Content 3
</div>

现在您可以使用类和属性选择器来选择元素。

$('div.mod[data-mod-id="2"]').after('data');