Синтаксический анализ записей таблицы с помощью Id's и Bootstrap Styles

Question

Сложные применения кавычек вокруг форматирования идентификаторов и начальной загрузки.

Сегмент 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>

Кавычки должны быть около

• "row"
• "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 выдает ошибку, когда я применяю ее к идентификатору и форматированию начальной загрузки.

Answer 1

вам нужно использовать одинарные кавычки ' внутри двойных кавычек ", если вы хотите добавить кавычки внутри одного и наоборот,

вот ссылка, чтобы помочь вам 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>")

Answer 2

Используйте одинарные кавычки вокруг имен классов и идентификаторов, если вы хотите использовать кавычки внутри кавычек

$('#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>")