亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用wrap()來wrap()兩個嵌套的div?

如何使用wrap()來wrap()兩個嵌套的div?

喵喵時光機 2023-10-14 09:55:32
如何使用wrap()下面的標記來包裝兩個已包裝的 div?我使用這段代碼來包裝這些 div button-column:$(".simpay-form-control.simpay-radio-container").wrap("<div class='button-column'></div>");$(".simpay-form-control.simpay-custom-amount-container").wrap("<div class='button-column'></div>");然后我需要將兩者包裝button-column在一個中button-row。使用此功能將每個按鈕列包裝在一個按鈕行中,而不是兩個按鈕列都包裝在一個按鈕行中。$(".button-column").wrap("<div class='button-row'></div>");這是標記以及關于我需要做什么的注釋:<form action="" method="post" class="simpay-checkout-form simpay-form-12345 simpay-styled simpay-checkout-form--embedded" id="simpay-form-12345" data-simpay-form-id="12345">  <div class="button-row"> <!-- I need to add this and the closing div below -->    <div class="button-column"> <!-- added by jQuery -->      <div class="simpay-form-control simpay-radio-container">        <!-- more markup -->      </div>    </div> <!-- added by jQuery -->    <div class="button-column"> <!-- added by jQuery -->      <div class="simpay-form-control simpay-custom-amount-container">        <!-- more markup -->      </div>    </div> <!-- added by jQuery -->  </div> <!-- I need to add this closing div for .button-row above -->    <!-- more markup --></form>
查看完整描述

2 回答

?
慕的地10843

TA貢獻1785條經驗 獲得超8個贊

為了實現這一點,您可以使用wrapAll函數。

簡單地說:$(".button-column").wrapAll("<div class='button-row'></div>");?`


查看完整回答
反對 回復 2023-10-14
?
蕪湖不蕪

TA貢獻1796條經驗 獲得超7個贊

調用wrap()添加.button-column元素后,調用wrapAll()將所有這些元素包裝在.button-row:


$('.simpay-form-control.simpay-radio-container').wrap('<div class="button-column" />');

$('.simpay-form-control.simpay-custom-amount-container').wrap('<div class="button-column" />');


$('.button-column').wrapAll('<div class="button-row" />');

.button-column {

  border: 1px solid #CCC;

  margin: 5px;

  padding: 5px;

}


.button-row {

  border: 1px solid #C00;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form action="" method="post" class="simpay-checkout-form simpay-form-12345

simpay-styled simpay-checkout-form--embedded" id="simpay-form-12345" data-simpay-form-id="12345">

  <div class="simpay-form-control simpay-radio-container">Foo</div>

  <div class="simpay-form-control simpay-custom-amount-container">Bar</div>

</form>


查看完整回答
反對 回復 2023-10-14
  • 2 回答
  • 0 關注
  • 111 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號