在使用jQuery的過程中,有時候需要選取非標簽內容,比如只想選取某個div里的文本內容。那么該怎么做呢?
$(document).ready(function(){ var text = $('#someDiv').clone().children().remove().end().text(); console.log(text); });
以上代碼中,我們使用了clone()方法克隆了#someDiv,在克隆出來的內容里再調用children()方法,把所有的子元素都移除了,于是只剩下了文本內容。最后再調用end()方法返回到原本的#someDiv上,再使用text()方法就可以選取到非標簽內容了。
這是標題
這是一段話
- 這是列表項
上面的代碼中,我們只想選取#someDiv里的“這是一段話”這部分。如果不使用以上代碼,我們只能選取到#someDiv里的所有內容,包括h2、p和ul等標簽。而使用以上代碼,只需要把#someDiv改成其他需要選取非標簽內容的元素的id或class,再把文本內容復制到另一個元素中即可。