Question

我是HTML和JS的新手，所以如果有人帮我提供以下内容，我将非常感激 - 我有一个包含加号（+）按钮的普通页面：

<button style="background-color:#0099CC" id= "firstbutton" type="submit"     data-role="button" data-theme="b">Add

<script>
$(function(){
$('#firstbutton').click(function(){
  $(this).before('<button type="submit">add</button>');
}); 
});
</script>

当我点击添加按钮时，我想在添加按钮上方添加另一个按钮。有什么帮助吗？

Answer 1

使用以下jquery代码：

＆＃13;

$("button").click(function(){
$(this).parent().prepend("<button style=\"background-color:#0099CC\">Add</button>");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button style="background-color:#0099CC" id= "firstbutton" type="submit" data-role="button" data-theme="b">Add</button>

＆＃13;

Answer 2

使用jquery是一个javascript库，你需要先download它，或者你可以在HTML的head部分包含它

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

在脚本标记中执行此操作后，该标记将位于上面的包含内：

<script>
$(function(){
$('#firstbutton').click(function(){
   $(this).before('<button type="submit">add</button>');
});
});
</script>

在另一个按钮单击时在页面中创建按钮

2 个答案: