我想在類選擇器中添加陣列元素，我附上了影像，結果是，我想像這樣分隔 div
$(document).ready(function () {
var arr = ['top', 'right', "Bottom", "left"]
var direction = "";
$.each(arr, function (index, value) {
direction = value
});
$("#directionSec").html("<div class='directionMain'><span class='directionHeader'><h5>Header</h5>" "<div id='result' hljs-string">">" direction "</div>" "</span>");
})
在此處輸入圖片說明
我得到的結果
<div class="toprightbottomleft"> toprightBottomleft</div>
我想要的結果
<div class="top">top</div>
<div class="bottom"> bottom</div>
uj5u.com熱心網友回復：
您可以通過以下方式附加它們：
var arr = ['top', 'right', "Bottom", "left"]
arr.forEach(element => {
$('#result').append(`<div hljs-subst">${element}">${element}</div>`)
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="result"></div>附帶說明一下，你"<div id='result' >"在你的例子中有，但是我不確定你想在那里的課堂上出現什么。
如果您想要在結果 div 中作為類列出的陣列項的串列，例如<div id="result" >，則將上面示例中的 append 更改為
$('#result').append(`<div hljs-subst">${element}">${element}</div>`).addClass(element)
uj5u.com熱心網友回復：
這將創建一個字串，'innerHtml'其中包含有關這 4 個不同 div 的資訊，并使用適當的陣列arr值作為它們的類名和它們的文本內容。
之后該字串將被設定為的 HTML 內容#directionSec：
$(document).ready(function () {
var arr = ['top', 'right', "Bottom", "left"],
innerHtml = '';
$.each(arr, function( index, value ) {
innerHtml = "<div class=' value '>' value '</div>";
});
$('#directionSec').html(innerHtml);
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/355572.html
上一篇：使用Navigate和ParamMap在組件之間發送多個引數
下一篇：如何在單個畫布上繪制多個影像？