您需要將專案放在 div - 中<div style = 'flex-direction: column;'>。
DIV需要后創建p與id = "billing_city_field"
后關閉p用id = "apartment_field"。試圖用這個功能來做到這一點：
jQuery (document) .ready (function ($) {
$ ("# billing_city_field"). after ("<div style = 'flex-direction: column;'>");
$ ("# apartment_field"). after ("</ div");
});
但 div 立即關閉。我該怎么辦？
uj5u.com熱心網友回復：
問題是因為您不能單獨附加開始/結束標記。DOM 將元素作為一個整體處理，因此您需要div在單個操作中創建整個元素。
鑒于您的目標描述，您似乎正在嘗試將現有內容包裝在新的 div 中。因此，您可以使用nextUntil()（假設目標元素是兄弟元素）然后使用wrap(). 試試這個：
jQuery($ => {
let $contents = $("#billing_city_field").nextUntil('#apartment_field').add('#apartment_field');
$contents.wrap('<div />');
});
請注意class在上面的示例中使用屬性，而不是應用行內style規則。
uj5u.com熱心網友回復：
問題不是很清楚，但據我所知。我認為您對.afterjQuery有什么誤解。在這種情況下之后是“結構”而不是“時間”相關的。如果您為此檢查 jQuery 檔案（https://api.jquery.com/after/），您基本上可以看到您需要做什么。
最簡單的方法來做到這一點，例如，如果這些東西需要創建并且不存在body。
$(function(){
var p = $("<p id='apartment_field'>Paragraph test</p>");
$("body").append("<div id='billing_city_field' style='flex-direction: column;'></div>");
$("#billing_city_field").html(p);
});
我已經添加，Paragraph test所以結果更容易看到。
還有一件事，不確定復制/粘貼是否出錯，但要確保這樣做#并且id中間沒有空間。
$("#billing_city_field")
$("#apartment_field")
編輯：查看評論可能是這樣的，如果它們已經存在？你應該更多地澄清這個問題。
$("#billing_city_field").append($("#apartment_field").detach());
uj5u.com熱心網友回復：
答案將取決于您的最終目標。為什么你需要插入一個 div 并動態地給他附加孩子（如果我理解正確的話（？））。
如果你想用它來改變它的風格，你可以用普通的 CSS 來做。
如果您能詳細說明，那就太好了，我會盡力幫助您解決縫合問題:)
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/397084.html
標籤：javascript html 查询 css