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>

周围应该有引号

“行”
“ odds-1”
“ place-bets-1”
“ btn btn-primary 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>")

我读到“ \”字符串“ \”应该会有所帮助，但是当我将VSC应用于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>")

解析具有ID和自举样式的表记录

2 个答案: