使用jquery'；s后面带有divs属性

如何在具有特定属性的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>

内容1
内容2
内容3

在这里，我如何告诉jQuery的

after（）

在

id=“mod”和mod id=“2”

之后插入数据

---

我可以告诉

after（）

在

id=“mod”

之后插入，但不知道如何根据

div

的数据属性告诉它插入。

首先，您不能有多个相同的id。将它们更改为类。既然它是一门课

$("div[id=mod]").each(function() {
   if ($(this).attr("mod-id") == 2) {
      $(this).after("CVVVVVVVVVV");
   }
});

var field = $('.mod');

field.each(function(){
     if($(this).attr('mod-id')==2){
           $(this).after();
     }
});

或

---

首先，您不能有多个相同的ID。请将它们更改为类。既然它是一门课

var field = $('.mod');

field.each(function(){
     if($(this).attr('mod-id')==2){
           $(this).after();
     }
});

或

你可以这样做

$( '[id=mod][mod-id=2]' ).after( 'xy' );​

但是你真的不应该再使用ID一次！ 使用自定义属性（如

mod id

）也不常见，最好使用自HTML5以来的数据属性，例如

data mod id

），您可以这样做

$( '[id=mod][mod-id=2]' ).after( 'xy' );​

但是你真的不应该再使用ID一次！

---

使用自定义属性（如

mod id

）也不常见，最好使用HTML5中的数据属性，例如

data mod id

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>

---

ID必须是唯一的，您可以使用类代替，也可以使用HTML5

data-*

attributes代替自定义属性：

<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>

---

这将确保添加的数据位于id为mod和mod id为2的div之后，但可能昂贵，因为each:-）这将确保添加的数据位于id为mod和mod id为2的div之后，可能昂贵，因为each:-）为什么不使用data attrname并遵循html5标准，这将允许您使用jquery的内置.data（）获取值。为什么不使用data attrname并遵循html5标准，这将允许您使用jquery的内置.data（）获取值。我喜欢你的例子我打算用JSFIDLE发布一个答案，但它与这个asnwer非常相似：我喜欢你的例子我打算用JSFIDLE发布一个答案，但它与这个asnwer非常相似：