如何使用jquery在同一类名不同的data-id中插入html？

使用jQuery在同一类名不同的data-id中插入HTML可以通过以下步骤实现：

首先，使用jQuery选择器选取具有相同类名的元素。例如，如果类名为"example"，可以使用$(".example")来选取所有具有该类名的元素。
接下来，使用.each()方法遍历选取到的元素。这将允许我们在每个元素上执行相同的操作。
在.each()方法的回调函数中，可以使用$(this)来引用当前正在遍历的元素。
使用.data()方法获取当前元素的data-id值。例如，如果data属性为"data-id"，可以使用$(this).data("id")来获取data-id的值。
根据获取到的data-id值，可以使用条件语句或其他逻辑来判断在哪个元素中插入HTML。
使用.html()或.append()方法将HTML代码插入到目标元素中。例如，如果要插入的HTML代码存储在变量htmlCode中，可以使用$(this).html(htmlCode)或$(this).append(htmlCode)来插入HTML。

以下是一个示例代码：

$(".example").each(function() {
  var dataId = $(this).data("id");
  
  // 根据data-id值判断在哪个元素中插入HTML
  if (dataId === "1") {
    $(this).html("<p>HTML代码1</p>");
  } else if (dataId === "2") {
    $(this).html("<p>HTML代码2</p>");
  } else {
    $(this).html("<p>默认HTML代码</p>");
  }
});

请注意，这只是一个示例代码，你可以根据实际需求进行修改和扩展。另外，腾讯云并没有与jQuery直接相关的产品或服务，因此无法提供相关的产品介绍链接地址。