html - 检查数组值是否包含html中的特定值

Question

我在 angularjs 中有一个数组，如下所示:

var test=["abc/1/1","def/2/2","efg/3/3"];

我想在 html 中检查一个数组是否包含具有“abc”的值

我检查过:

test.indexOf("abc")!=-1

但它返回 false

我在 JS 中填充了数组，我想检查数组是否包含 html 中包含 abc 的值。

button form="myAttributeAdd"type="submit"data-ng-disabled=""class="btn btn-success btn-xs"> 保存

这是我的 html 中的按钮元素。这里 data-ng-disabled 将根据数组数据为真或假。如果数组数据值包含 abc 它将被启用，否则将被禁用

Answer 1

您可以使用 RegExp 在其中搜索 abc。

//getting html value
var valueToFind = document.getElementById('htmlCode').innerText;

function findValue(findString) {
  //getting arrays to be find
  var test = ["abc/1/1", "def/2/2", "efg/3/3"];
  //creating the regex
  var reg = new RegExp(findString);
  
  //a.match will show the output
  console.log(findString,test.some(a => a.match(reg)))

  console.log(findString,test.filter(a => a.match(reg)))

}

//invoking the function
findValue('abc');
findValue(valueToFind);

<div id="htmlCode">efg</div>