2015-03-13 34 views
0

我想刪除以下HTML:如何移除該HTML?

<a href="" class="css-button">Buy It</a> 

這是HTML(不是我),動態添加。

這是如何在jQuery中完成的?或者在AngularJS中做得更好?

+0

是否有其他元素與該類?如果這樣刪除將取決於其父元素的層次結構/形式,您將需要顯示。 – 2015-03-13 13:39:17

+0

這取決於你的項目,但通常你會添加一個'ng-hide =「...」'屬性給該元素並且隱藏它的條件。 – JJJ 2015-03-13 13:42:09

+0

我認爲錯過了兩個關鍵問題:佈局中是否還有其他「css-button」?和href真的是空的還是它有價值? – Daved 2015-03-13 13:48:44

回答

2

我會用解決這個css ..

.css-button {display: none !important}  

因爲它是動態添加的,你需要一個三gger功能或repedetly爲特種集裝箱搜索 - >減慢頁面

//使用jQuery如有必要,編輯

如果你真的想用jQuery做到這一點,是它總是有一定的容器,其中按鈕出現?你可以做這樣的事情:

function removeButton() { 
    $('.css-button').remove(); 
} 

// Listen DOM changes 
$('.theContainer').bind("DOMSubtreeModified", removeButton); 

在這裏看到:http://davidwalsh.name/dom-events-javascript

+0

真棒和高效。 – 4thSpace 2015-03-13 13:49:56

+0

thx,編輯它,如果你需要用jQuery來做 – 2015-03-13 13:51:11

1

您可以使用.remove()

$('.css-button').remove(); 
+0

不能那樣做。我已經更新了OP。該代碼是由Wordpress主題動態插入的。 – 4thSpace 2015-03-13 13:43:20

0

在這種情況下,你應該使用:contains找到按鈕,記住這是一個字符串搜索:

$("a:contains('Buy It')").remove() 
+0

請參閱修訂後的OP。我需要搜索這個,因爲它是動態添加的。我想你是在我更新OP後發佈的。 – 4thSpace 2015-03-13 13:44:17

+0

更新了答案,以匹配增加的信息 – Rod 2015-03-13 13:45:57