Jquery 如何在html中注入div?
我有一个html字符串,如下所示: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" />
<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”