簡體   English   中英

使用jQuery創建一個包含目標div的div

[英]Create a div containing target div using jQuery

我認為這應該很容易,但是我無法使其正常運行。 我想使用jQuery定位div或其他元素,然后動態創建一個包含目標元素的div,例如:

jQuery('.myclass')

如何創建一個將div的background-color屬性設置為白色的div,其中包含“ myclass”元素?

最初我有: <div class="myclass">Some HTML elements inside</div>

在執行jQuery調用后,我希望擁有: <div style="background-color:#fff"><div class="myclass">Some HTML elements inside</div></div>

我希望你能理解我的問題...

您可以使用wrap函數在匹配的元素周圍放置包裝器。 我希望使用一個類作為背景,但是您也可以直接分配CSS屬性。

$('.myclass').wrap( $('<div></div>').css( 'background-color', '#fff' ) );

要么

$('.myclass').wrap( $('<div></div>').addClass('white-background') );
var $myDiv = $('<div>').css('background-color','#fff').append( $('.myclass') ); 

然后,您可以根據需要將此變量寫入DOM,或執行其他任何需要做的事情。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM