2013-08-04 168 views
0

我有以下HTML:如何按屬性查找div元素?

<body> 
    <div id="contentPane"> 
    ... 
    ... 
    <div guidedhelpid="friendsuggestions"> 
    ... 
    </div> 
</body> 

我需要做一些改變guidedhelpid。例如,$(#theElem).remove()

注意:我可以根據請求使用jQuery。

這樣做的最佳方法是什麼?

+0

我認爲[這](http://stackoverflow.com/questions/9496427/how-to-get-elements-by-attribute-selector-w-可能本機JavaScript的禾雀ryselector)可以幫助你製作你自己的JS函數,而不是jquery。 – woofmeow

+1

[在jQuery中查找具有特定屬性值的所有元素]的可能重複(http://stackoverflow.com/questions/4958081/find-all-elements-with-a-certain-attribute-value-in-jquery) –

+3

我建議使用'data- *'屬性,以便您的HTML有效。 –

回答

3

如果你正在使用jQuery(根據要求),那麼你可以做$('div[guidedhelpid=friendsuggestions]')

對於純JavaScript,您可以使用此函數返回包含屬性名稱元素的數組:

function getElementsByAttributeName(attr) { 
    var arr_elms = document.body.getElementsByTagName("*"), 
     elms_len = arr_elms.length, 
     return_arr = []; 

    for (var i = 0; i < elms_len; i++) { 
     if(arr_elms[i].getAttribute(attr) != null){ 
      return_arr.push(arr_elems[i]); 
     } 
    } 

    return return_arr; 
} 
1

如果使用jQuery它僅僅是由

var div = $('div[guidedhelpid="friendsuggestions"]');