jQuery的：具有特殊屬性

隱藏的元素你如何去了解基礎上的特殊屬性，像這樣隱藏要素：jQuery的：具有特殊屬性

<div data-collapsed-icon="music">hide this element</div>

那麼，隱藏在那裏data-collapsed-icon屬性等於music元素？

來源

2015-02-10 Kristian Rafteseth

你有沒有做過任何研究嗎？關鍵詞：'屬性選擇器'。 – 2015-02-10 19:14:32

在創建新線程之前，你應該真的做一個簡單的搜索。（http://stackoverflow.com/questions/13392463/jquery-select-all-element-with-custom-attribute） – 2015-02-10 22:50:14

好吧，我認爲它仍然有用，這個問題將顯示在谷歌搜索「jquery隱藏具有特殊屬性的元素「。我永遠不會考慮搜索「自定義屬性」，並且我確定我不是一個人。 – 2015-02-12 00:49:07

使用attribute selector，[data-collapsed-icon="music"]：

$('[data-collapsed-icon="music"]').hide();

Example Here

但由於[data-collapsed-icon="music"]是一個CSS選擇器，你也可以使用：

[data-collapsed-icon="music"] { 
    display: none; 
}

Example Here

來源

2015-02-10 19:14:27

-1

你可以嘗試這樣的事情

$('[data-collapsed-icon]').each(function() { 
    var $this = $(this); 
    var attr = $this.attr('data-collapsed-icon'); 
    if(attr == 'music'){ 
    $this.hide(); 
    } 
});

工作實例http://jsfiddle.net/8yy4pz93/

來源

2015-02-10 19:26:00

因爲這是一個更好的方法，因此你可以看到 – 2015-02-10 19:42:26

，我不認爲你的投票適用於你不想使用的腳本。它仍然是一個有效的腳本，可以完全回答你的問題。它利用了Jquery，它隱藏了具有特定屬性的元素，並根據您的要求匹配特定值。所以請解釋這個答案在哪裏失敗，所以我可以理解你的投票嗎？ – 2015-02-10 22:42:33

此外，作爲替代，你可以做到這一點沒有jQuery的，只有使用CSS：

div[data-collapsed-icon="music"]{ 
    display:none; 
}

來源

2015-02-10 19:26:13 Ted

jQuery的：具有特殊屬性

回答

相關問題