2015-07-21 83 views
-1

此方法用於添加新元素嗎?或者這只是誤解。它是如何工作的?.add()如何工作

 <div class="firstDiv"> 
     text in first div 
    </div> 

後,我運行以下命令:

$(".firstDiv").add("p").text("new paragraph"); 

瀏覽器顯示new paragraph,但如果是text in first div去?

由於

+0

嘗試一下在小提琴的plnkr? –

+0

'.text(「new paragraph」);'刪除現有內容並用傳遞的文本內容替換它 –

+0

您是否看過[相關文檔?](https://api.jquery.com/add/ )。 – Lix

回答

3

.add()方法用於將元素添加到當前選擇和docs are here

用法:

var $collection = $('div').add('p'); 

$collection現在包含所有div元件和所有的p文件中的元素

+0

謝謝你解釋得更好。 –

+0

沒問題,很高興我能幫上忙。 @ Satpal的答案讓你想要你需要Re:修復 – atmd

3

我認爲你需要.append()

插入內容,由參數指定,在匹配的元素集合中的每個元素的結束。

$(".firstDiv").append($("<p/>").text("new paragraph")); 

.add()是不同的目的。

創建一個新的jQuery對象,元素添加到匹配元素集合中。

1

.add並不意味着 「追加新的元素」。而不是it means

創建一個新的jQuery對象,其元素添加到匹配元素集合中。

這是你想要的東西:

$("<p>").text("new paragraph").appendTo(".firstDiv"); 
相關問題