Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html jQuery追加方法问题_Html_Jquery_Append - Fatal编程技术网

Html jQuery追加方法问题

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

我有一个简单的jQuery问题。我有一个Web应用程序,看起来如下所示:

页面的HTML如下所示:

<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()