2016-11-04 10 views
-1

私は以下のHTMLを持っています。JavaScriptのdivから値を取り出す方法は?

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

私はデータ提案の価値を得て、次の最終結果を得たいと思っています。

期待される結果。 = SW_TEST

感謝を解析した後

データ-提案値= "SW作業フロー試験(SW_TEST)"

最終値。

+0

私は $( "#project-options")を検索しました( "データ提案")[1] $( "#project-options")children( 'items [0]') –

答えて

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>

希望!

関連する問題