如何從字符串HTML代碼片段獲取特定屬性值

Question

我有一個包含HTML代碼段的字符串，我想從元素dt中獲取id屬性的值。

var myHtml = "<dt id='119'>Email</dt><dd id='container'>my text</dd>"; 

預期結果：

var myId = 119; 

沒有人有任何想法如何，我可以做到這一點？

Answer 1

你可以用jQuery中的字符串，只需使用attr

var myId = $(myHtml) 
      .first() // get the first element - <dt> 
      .attr("id"); // get the id 

請注意，你可以只使用attr因爲jQuery的只得到，如果多個元素所涉及的第一屬性，但使用first更語義 ，或者至少我是這麼認爲的。

Answer 2

您可以在控制檯測試：

$("<dt id='119'>Email</dt><dd id='container'>my text</dd>").eq(0).attr('id') 

Answer 3

簡單地可以使用.attr()

var myHtml = "<dt id='119'>Email</dt><dd id='container'>my text</dd>"; 
 
var myId = $(myHtml).first().attr('id'); 
 
alert(myId);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

Answer 4

如果元素的順序可以改變你應該找到具體dt然後獲取其id屬性。 attr()，本身只返回找到這樣的第一個匹配的id是不是一個強大的解決方案：

$(myHtml).filter('dt').attr('id') 

你必須使用filter()，而不是find()，因爲它們是在HTML代碼段中所有頂級元素。

http://jsfiddle.net/TrueBlueAussie/ghwzsao0/

的更安全的替代，如果該含量可以變化，是包裝的HTML在另一個臨時元素find()可以用於：

$('<div>').html(myHtml).find('dt').attr('id') 

http://jsfiddle.net/TrueBlueAussie/ghwzsao0/1