2016-09-13 84 views
0

你好我正在使用一個滑塊來生成一個按鈕並給它一些文本。我想知道是否有某種方法可以使用jQuery刪除這些文本。我無法編輯html,因爲它正在由滑塊生成。使用jQuery刪除按鈕文本

這裏是我的HTML:

<button type="button" class="slick-next">Next</button> 

正如你可以看到它是給按鈕的「下一步」一文中,我想這樣看起來完全刪除它:

<button type="button" class="slick-next"></button> 

這可能嗎?

感謝

+7

'$(「。slick-next」)。text(「」);' –

+0

謝謝安德魯,完美的工作。你可以把它作爲答案張貼,所以我可以給你一些聲譽? –

回答

3

安德魯評論,使用jQuery你可以replate空文本現有文本:

$(".slick-next").text(""); 
//or 
$(".slick-next").html(""); 

而且使用香草JavaScript中,可以達到同樣的效果:

document.querySelector('.slick-next').innerHTML = ""; 
//or 
document.querySelector('.slick-next').innerText = ""; 

最後的解決方案是我認爲最好的,因爲你完全擺脫了元素內部不必要的文本節點:

// vanilla js 
var element = document.querySelector('.slick-next'); 
element.removeChild(element.childNodes[0]); 

// jQuery version 
$(".slick-next").empty();