Question

如何在jQuery下方的代码下方追加以动态显示。

<div id="lol">
  <tr data-userid="<%=iterator3.next()%>" data-mid="<%=iterator3.next()%>" >
    <td width="119">Practise Match</td>
    <%--  <td  width="119"><%=iterator3.next()%><td>
    <td  width="119"><%=iterator3.next()%> <td> --%>
    <td  width="119"><%=iterator3.next()%>pts<td>
    <td  width="119"><%=iterator3.next()%>rank<td>
  </tr>
</div>

$("#lol").append("<tr data-userid="+<%=iterator3.next()%>+" data-mid="+<%=iterator3.next()%>+" >"+  "<td >"+"Practise Match"+"</td>"+"<td >"+<%=iterator3.next()%>+"pts"+"<td>"+"  <td  width="119">"+<%=iterator3.next()%>+"rank"+"<td>"+"</tr>");

这是否正确？

Answer 1

将代码更改为

＆＃13;

<div id="lol">
  <tr data-userid="<%=iterator3.next()%>" data-mid="<%=iterator3.next()%>" >
    <td width="119">Practise Match</td>
    <%--  <td  width="119"><%=iterator3.next()%><td>
    <td  width="119"><%=iterator3.next()%> <td> --%>
    <td  width="119"><%=iterator3.next()%>pts<td>
    <td  width="119"><%=iterator3.next()%>rank<td>
  </tr>
</div>

$("#lol").append(`<tr data-userid="${<%=iterator3.next()%>}" data-mid="${<%=iterator3.next()%>}">
    <td>Practise Match</td>
    <td>${<%=iterator3.next()%>}pts</td>
    <td width="119">${<%=iterator3.next()%>}rank</td>
  </tr>`);

＆＃13;

我将代码更改为ES6标准，这将使HTML结构外观。

您缺少td结束标记。

希望这会对你有所帮助。

如何在jQuery中附加<div>内容

1 个答案: