Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/visual-studio-code/3.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
Jquery 如何在html中注入div?_Jquery_Html - Fatal编程技术网

Jquery 如何在html中注入div?

Jquery 如何在html中注入div?,jquery,html,Jquery,Html,我有一个html字符串,如下所示: <div data-field-id="ListFieldId1" data-field-type="ListField"> <div id="1"> <div> some text </div> <img src="source" />

我有一个html字符串,如下所示:

<div data-field-id="ListFieldId1" data-field-type="ListField">
            <div id="1">
                <div>
                    some text
            </div>
            <img src="source" />
            <div>
                some text
            </div>
            <div>
                some text
            </div>
            <a href="link">click</a>
        </div>
    </div>
但是这条线不行

事实上,在完成这项工作之后,我想
附加(listHtml)

我怎样才能修好它

有没有其他方法可以将div标记注入html

谢谢。

这应该可以胜任
$('1')。追加($('…')

应该完成此工作
$('1')。追加($('…')

您必须先创建Jquery对象,然后才能更改该元素的任何属性。否则,它将其视为简单字符串而不是元素

例如

var listHtml = '<div id="1">New Div</div> ';
var ele = $(listHtml);
ele.attr('id', (listCount + 1).toString()); //here you can make change in id attribute.    
var listHtml='newdiv';
var ele=$(listHtml);
ele.attr('id',(listCount+1.toString())//在这里,您可以更改id属性。
愿这对你有帮助


这里要添加动态div。

您必须先创建Jquery对象,然后才能更改该元素的任何属性。否则,它将其视为简单字符串而不是元素

例如

var listHtml = '<div id="1">New Div</div> ';
var ele = $(listHtml);
ele.attr('id', (listCount + 1).toString()); //here you can make change in id attribute.    
var listHtml='newdiv';
var ele=$(listHtml);
ele.attr('id',(listCount+1.toString())//在这里,您可以更改id属性。
愿这对你有帮助


这里是添加动态div。

如果我正确理解您的问题,我希望以下代码行可以帮助您

注意:为了简洁和快速易读,我在div等中加入了“id”

<input id="btnAdd" type="button" value="Add Div" />
<div id="divMain" data-field-id="ListFieldId1" data-field-type="ListField">
    <div id="1">
        <div>
            some text
        </div>
        <img src="source" />
        <div>
            some text
        </div>
        <div>
            some text
        </div>
        <a href="link">click</a>
    </div>
</div>
<script src="~/Scripts/jquery-1.8.2.js"></script>
<script>
    $("#btnAdd").click(function () {
        var div = $("#divMain").children('div').last();
        var nextDivId = div.attr("id");

        var newDiv = div.clone();
        newDiv.attr("id", Number(nextDivId) + 1);
        $("#divMain").append(newDiv);
    });
</script>

一些文本
一些文本
一些文本
$(“#btnAdd”)。单击(函数(){
var div=$(“#divMain”).children('div').last();
var nextDivId=div.attr(“id”);
var newDiv=div.clone();
新部门属性(“id”,编号(下一个id)+1);
$(“#divMain”).append(newDiv);
});

如果我正确理解您的问题,我希望以下代码行可以帮助您

注意:为了简洁和快速易读,我在div等中加入了“id”

<input id="btnAdd" type="button" value="Add Div" />
<div id="divMain" data-field-id="ListFieldId1" data-field-type="ListField">
    <div id="1">
        <div>
            some text
        </div>
        <img src="source" />
        <div>
            some text
        </div>
        <div>
            some text
        </div>
        <a href="link">click</a>
    </div>
</div>
<script src="~/Scripts/jquery-1.8.2.js"></script>
<script>
    $("#btnAdd").click(function () {
        var div = $("#divMain").children('div').last();
        var nextDivId = div.attr("id");

        var newDiv = div.clone();
        newDiv.attr("id", Number(nextDivId) + 1);
        $("#divMain").append(newDiv);
    });
</script>

一些文本
一些文本
一些文本
$(“#btnAdd”)。单击(函数(){
var div=$(“#divMain”).children('div').last();
var nextDivId=div.attr(“id”);
var newDiv=div.clone();
新部门属性(“id”,编号(下一个id)+1);
$(“#divMain”).append(newDiv);
});
函数addNewDiv()
{
$(“#yourDiv”).append('Div'+listCount+');
}
希望这有帮助

函数addNewDiv()
{
$(“#yourDiv”).append('Div'+listCount+');
}

希望这有帮助

不要描述你的jQuery,你能给我们看看你的jQuery吗?@DavidThomas:type.append(self.listHtml)//类型是主要的div@DeeMac:否。我想制作它。哪个部门是主要部门?目前还不清楚您想做什么。@DeeMac:我的意思是作为main div:…您能给我们看一下您的jQuery而不是描述您的jQuery吗?@DavidThomas:type.append(self.listHtml)//类型是主要的div@DeeMac:否。我想制作它。哪个部门是主要部门?目前还不清楚您想做什么。@DeeMac:我的意思是作为main div:…但是如果您想在追加之前用它动态创建div make jQuery对象,我们没有id=“2”;如果您想在追加之前用它动态创建div make jQuery对象,我们没有id=“2”