怎样用jquery为div添加一个div

怎样用jquery为div添加一个div,第1张

使用attr()或prop()方法为id属性赋值即可,关键代码

$(obj_div).attr('id',id_name)

$(obj_div).prop('id',id_name)

实例演示如下:点击按钮设置div标签的id为test,为了便于观察效果,css中设置了id为test的样式为红色

1、HTML结构

<style>

#test{color:red !importantfont-weight:bold}

</style>

<div>我是示例DIV</div>

<input type="button" value="设置上一个div的id为test">

2、jquery代码

$(function(){

$("input:button").click(function() {

$(this).prev("div").attr("id","test")

})

})

<html>

<head>

<script>

function addNewDiv(){

$("#div_Old").append("<div>新的</div>")

}

</script>

</head>

<body>

<div id="div_Old">原来的</div>

<input type="button" onclick="addNewDiv()" />

</body>

</html>

会将新div添加到原来的后面,依次增加


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11471114.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存