Question

我有以下Html。

<div id="project-options" data-suggestions="[SW Work Flow Test (SW_TEST)]</div>

我想获得数据建议的价值并解析它得到以下最终结果。

预期结果。

数据建议值=“SW工作流程测试（SW_TEST）”

解析后的最终值= SW_TEST

非常感谢。

Answer 1

你可以像这样实现它。

$( document ).ready(function() {
  var element = document.getElementById("project-options");
  var json_data = JSON.parse(element.dataset.suggestions);
  
  json_data.forEach(function(obj) { 
    var items = obj['items'];
    $.each(items, function(index, item){
      var txt = item['label'];
      var regex = /\((.*)\)/i;
      console.log(txt.match(regex)[1]);
    });
  });
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="project-options" data-suggestions="[{&quot;label&quot;:&quot;Recent Projects&quot;,&quot;items&quot;:[{&quot;label&quot;:&quot;SW Work Flow Test (SW_TEST)&quot;,&quot;value&quot;:&quot;10109&quot;,&quot;icon&quot;:&quot;http://10.17.252.6:8080/secure/projectavatar?size=xsmall&amp;pid=10109&amp;avatarId=10011&quot;,&quot;selected&quot;:true}]}]"> Admin</div>

希望有所帮助！

如何从JavaScript中的div中检索值？

1 个答案: