我有代碼：
<p>aaa</p>
<p>bbb</p>
<p>ccc</p>
我想在每個段落中預設一個復選框，內容是：
$("p"/span>)。 prepend("<input type='checkbox' name='xxx' id='xxx' /><label for='test'>xxx</label></span>"/span>) 。
但是我需要輸入一些變數來代替xxx，比如計數器：var1，var2，var3......。我如何做到這一點？
uj5u.com熱心網友回復：
使用prepend作為函式：
$("p").prepend(function(index, htmlContent) {
console.log(htmlContent); /aaa, bbb, ccc -> 所選元素的內容。
return "<input type='checkbox' name='xxx' id='"/span> index " /><label for='test'>xxx</label></span> "。
});
uj5u.com熱心網友回復：
你搜索的可能是所謂的 "模板字元（模板字串）"
請看下面的片段，以了解用法的例子。更多資訊見https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
// $("p").prepend("<input type='checkbox' name='xxx' id='xxx' /><label for='test'> xxx< /label> </span> " ）;
//let tmp = "<input type='checkbox' name='xxx' id='xxx' /><label for='test'>xxx</label></span>";
$("p").each(function( index) {
let name = `name_${index}`。
let id = `id_${index}`。
let text = `${$(this) .text()} ${index}`
let output = `<input type='checkbox' name='${name}' id='${id}' /> <label for='${name}'>${text}</label> </span>`。
console.log（output）。
$(this).html（output）。
});<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<p>aaa</p>
<p>bbb</p>
<p>ccc</p> uj5u.com熱心網友回復：
首先嘗試創建一個字串變數，在其中正確定義xxx變數值，然后使用該字串變數進入prepend! 它應該作業得很好
[編輯]
const newXXX = "<input type='checkbox' name=" 'xxx new value' " id='xxx' /><label for='test'>xxx</label></span>"/code>
$("p").prepend(newXXX)
你可以使用任何字串連接的方法
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/321671.html
標籤：
下一篇：查詢字串僅向控制器發送一半URL