javascript - 通过使用 "|"作为分隔符的数据属性查找元素

Question

Fiddle Example

HTML 标记:

<div data-id='23|24|25'></div>
<div data-id='29|30|31'></div>

脚本:

var array = [
  {
    "mid": "24"
  },
  {
    "mid": "26"
  },
  {
    "mid": "28"
  },
  {
    "mid": "29"
  },
  {
    "mid": "30"
  },
  {
    "mid": "31"
  }
];
var item_html ="";

$.each(array,function(i,k) {
  item_html = '<h3>'+k["mid"]+'</h3>';
  $('div[data-id="'+k["mid"]+'"').append(item_html); ???????????
});

如果“|”的一部分，是否有可能找到div元素data-id 中的分隔值与 mid?

匹配

我试图得到这样的输出:

<div data-id='23|24|25'>
  <h3>24</h3>
</div>
<div data-id='29|30|31'>
  <h3>29</h3>
  <h3>30</h3>
  <h3>31</h3>

Answer 1

您应该使用*= 选择器(包含):

$('div[data-id*="'+k["mid"]+'"').append(item_html);