使用 Id 和引导样式解析表记录

Question

在id和引导程序格式周围应用引号具有挑战性。

html段应该如下所示：

<tr>
<th scope="row">1</th>
<td>HOU</td><td>-9.8</td>
<td id="odds-1">2</td>
<td id="place-bets-1">
<button class="btn btn-primary my-2 my-sm-0 pb" id="pick-team-1">Select</button>
</td>
</tr>

周围应该有报价

• "行">
• "奇数-1">
• "占位符-1">
• "btn-btn初级my-2 my-sm-0 pb">
• "pick-team-1">

JS代码

$("#nflteams").append("<tr><th scope=row>" + i + "</th><td>" + response[i].HomeTeam + "</td><td>" + response[i].PointSpread + 
"</td><td id=odds-" + i + "1>2</td><td id=place-bets-" + i + "><button class=btn btn-primary my-2 my-sm-0 pb id=pick-team-" + i + ">Select</button></td></tr>")

我读到"\"字符串"\"应该会有所帮助，但当我将其应用于Id和引导程序格式时，VSC抛出了一个错误。

Answer 1

如果您想在的引号中使用引号，请在类名和id名周围使用单引号

$('#sdf').append("<tr><th scope='row'>" + i + "</th><td>" + response[i].HomeTeam + "</td><td>" + response[i].PointSpread + "</td><td id='odds-" + i + "'>2</td><td id='place-bets-" + i + "'><button class='btn btn-primary my-2 my-sm-0 pb' id='pick-team-" + i + "'>Select</button></td></tr>")

Answer 2

如果您希望在双引号"中添加引号，则需要在双引号中使用单引号'，反之亦然，

这是可以帮助您的链接http://jennifermadden.com/javascript/escapeCharacter.html

$("#nflteams").
append(
"<tr><th scope='row'>" + i +
"</th><td>" + response[i].HomeTeam + "</td> <td>" + response[i].PointSpread + "</td><td id='odds-1'>2</td> <td id='place-bets-'" + i + "><button class='btn btn-primary my-2 my-sm-0 pb' id='pick-team-''"+i + ">Select</button></td></tr>")