Html jQuery追加方法问题
我有一个简单的jQuery问题。我有一个Web应用程序,看起来如下所示: 页面的HTML如下所示:Html jQuery追加方法问题,html,jquery,append,Html,Jquery,Append,我有一个简单的jQuery问题。我有一个Web应用程序,看起来如下所示: 页面的HTML如下所示: <div id="hwAddition"> <div id="itemNumber" style="text-decoration: underline; font-size: large;">Item #</div> <div cl
<div id="hwAddition">
<div id="itemNumber" style="text-decoration: underline; font-size: large;">Item #</div>
<div class="form-row">
<div class="form-group col-md-4">
<label for="hwDescription" style="text-decoration: underline;">Description</label>
<form:textarea id="hwDescription" type="text"
class="form-control short" path="hwDescription"
name="hwDescription" placeholder="Description" maxlength="100"
rows="2" style="resize: none;" />
</div>
<div class="form-group col-md-4">
<label for="hwSerialNumber" style="text-decoration: underline;">Serial
#</label>
<form:input type="text" class="form-control" path="hwSerialNumber"
name="hwSerialNumber" placeholder="Serial #" maxlength="100" />
</div>
<div class="form-group col-md-4">
<label for="hwModelNumber" style="text-decoration: underline;">Model
#</label>
<form:input type="text" class="form-control" path="hwModelNumber"
name="hwModelNumber" placeholder="Model #" maxlength="100" />
</div>
</div>
<hr />
</div>
</div>
但是由于某种原因,.append()方法没有在标签的末尾添加任何内容。我做错了什么?在第5行和第12行,您会:
$("#itemNumber").append(count);
您正在搜索没有“+计数”的#itemNumber,如果我理解正确,您已将原始和克隆的ID都更改为itemNumber+计数
此外,添加文本的正确方法是:
$('#itemNumber' + count).append(document.createTextNode(count));
但是为什么要使用append呢?在您的情况下,您可以:
$('#itemNumber' + count).text("Item #" + count);
在第5行和第12行,您可以执行以下操作:
$("#itemNumber").append(count);
您正在搜索没有“+计数”的#itemNumber,如果我理解正确,您已将原始和克隆的ID都更改为itemNumber+计数
此外,添加文本的正确方法是:
$('#itemNumber' + count).append(document.createTextNode(count));
但是为什么要使用append呢?在您的情况下,您可以:
$('#itemNumber' + count).text("Item #" + count);
你能发布全部代码吗?我认为这与你的调用方式有关,根据你的照片,你有多个
item#
实例,因此你应该按类或唯一ID调用它们。你能发布全部代码吗?我认为这与你的调用方式有关,根据你的照片,您有多个item#
实例,因此应按类或唯一ID调用它们注意,如果要插入的文本是html,则需要使用.html()而不是.text()。注意,如果要插入的文本是html,则需要使用.html()而不是.text()