我的目的是在点击按钮时添加div元素。
这是我的代码
$(function() {
$("#add").live("click",function(event) {
$(this).append('<div>CHID</div>'); // the text is supplied between the div tags
});
});
add是按钮的名称..我确保我已经正确地包含了jquery库。我知道我哪里出错了。任何人都可以帮助我..
答案 0 :(得分:0)
#add
搜索元素的id而不是名称,请查看
.after()
而不是.append()
答案 1 :(得分:0)
文档准备好后,此代码是否正在执行?
追加将对象插入为子节点。在这种情况下,节点应该是兄弟姐妹。您可以使用.after()而不是.append()。
答案 2 :(得分:0)
#add是按钮吗?如果不是,请试试这个
$(document).ready(function(){
$("#add").click(function(){
$(this).append('<div>CHID</div>');
});
});
答案 3 :(得分:0)
这里可能有两个问题。首先,#add
查找元素的ID,而不是名称。第二个是$(this)
将引用您的按钮 - 而不是您的文档。
确保您在按钮上设置了ID
属性,并将$(this)
引用更改为$("body")
或$("#myContainer")
,以向主体或其他人添加div容器元素。
答案 4 :(得分:0)
您不能在输入元素中放置div。因此,如果您使用的是输入元素:
<input type="button" name="add" id="add" value="click"/>
不可能在其中添加div。