Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按使用“|”作为分隔符的数据属性查找元素_Javascript_Jquery_Html - Fatal编程技术网

Javascript 按使用“|”作为分隔符的数据属性查找元素

Javascript 按使用“|”作为分隔符的数据属性查找元素,javascript,jquery,html,Javascript,Jquery,Html,HTML标记: <div data-id='23|24|25'></div> <div data-id='29|30|31'></div> 您应该使用*=选择器包含: $'div[data id*='+k[mid]+'.appenditem_html;您应该使用*=选择器包含: $'div[data id*='+k[mid]+'.appenditem_html;您要查找的结果有些棘手。我已经更新了您的代码。希望这对您有所帮助 var array

HTML标记:

<div data-id='23|24|25'></div>
<div data-id='29|30|31'></div>
您应该使用*=选择器包含:

$'div[data id*='+k[mid]+'.appenditem_html;

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


$'div[data id*='+k[mid]+'.appenditem_html;

您要查找的结果有些棘手。我已经更新了您的代码。希望这对您有所帮助

var array = [
 { "mid": "24"},
 {"mid": "26"},
 {"mid": "28"},
 {"mid": "29"},
 {"mid": "30"},
 {"mid": "31"}
];
$('[data-id]').each(function(){   
  var $this = $(this), dataArr = $this.data('id').split('|'), i = 0;
  for(;i< dataArr.length; i++) {
    if(numInObjArr(array,dataArr[i])) {
       $this.append('<h3>'+ dataArr[i] +'</h3>');
    }
  }    
});

//function to check number in array object provided above
function numInObjArr(objArr, num){
  for (var i = 0, len=objArr.length; i< len; i++){
    if(objArr[i]["mid"] == num) {
        return true;
    }
  }
  return false;
}

要查看工作示例,您要查找的结果有些棘手。我已经更新了您的代码。希望这对您有所帮助

var array = [
 { "mid": "24"},
 {"mid": "26"},
 {"mid": "28"},
 {"mid": "29"},
 {"mid": "30"},
 {"mid": "31"}
];
$('[data-id]').each(function(){   
  var $this = $(this), dataArr = $this.data('id').split('|'), i = 0;
  for(;i< dataArr.length; i++) {
    if(numInObjArr(array,dataArr[i])) {
       $this.append('<h3>'+ dataArr[i] +'</h3>');
    }
  }    
});

//function to check number in array object provided above
function numInObjArr(objArr, num){
  for (var i = 0, len=objArr.length; i< len; i++){
    if(objArr[i]["mid"] == num) {
        return true;
    }
  }
  return false;
}

看看这个工作示例

我认为如果k['mid']<10.Hm不,这实际上可能是正确的。如果k['mid']=1,它将匹配31,21,11,10等。我认为如果k['mid']<10.Hm不匹配,这可能是正确的。如果k['mid']=1,它将匹配31,21,11,10等。。
var array = [
 { "mid": "24"},
 {"mid": "26"},
 {"mid": "28"},
 {"mid": "29"},
 {"mid": "30"},
 {"mid": "31"}
];
$('[data-id]').each(function(){   
  var $this = $(this), dataArr = $this.data('id').split('|'), i = 0;
  for(;i< dataArr.length; i++) {
    if(numInObjArr(array,dataArr[i])) {
       $this.append('<h3>'+ dataArr[i] +'</h3>');
    }
  }    
});

//function to check number in array object provided above
function numInObjArr(objArr, num){
  for (var i = 0, len=objArr.length; i< len; i++){
    if(objArr[i]["mid"] == num) {
        return true;
    }
  }
  return false;
}