在jquery追加语句中添加一个按钮变量
adding a button variable inside jquery append statement
我正在尝试添加新的引导列表组项目,并在其中包含一个使用for
循环的按钮。
testdiv.append("<a class='list-group-item list-group-item-action'> "
+ "<h6 class='list-group-item-heading'>" + value + "</h6>"
+ "<p class='list-group-item-text'>This requires approval</p>"
+ "<button onclick='approveReq("+ value +")' type='button' class='btn btn-primary'>Approve</button> </a>");
value
是在for
循环中创建的变量,因此每次它都会产生不同的结果。onclick='approveReq("+ value +")'
应将此值作为approveReq(value)
所要求的功能。
我不确定我是否解释得很好,有什么帮助吗?
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script
src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
var testdiv = document.getElementById('abcd');
$(document).ready(function(){
var str = "";
for(i=0;i<=10;i++){
str+="<a class='list-group-item list-group-item-action'> "
+ "<h6 class='list-group-item-heading'>" + i + "</h6>"
+ "<p class='list-group-item-text'>This requires approval</p>"
+ "<button onclick='approveReq("+ i +")' type='button' class='btn btn-primary'>Approve</button> </a>";
}
$('#abcd').append(str);
});
</script>
</head>
<body>
<div class="container" >
<div class="list-group" id="abcd">
</div>
</div>
</body>
</html>
这是你想要的吗查看此代码
相关文章:
- 禁用旋转木马中的下一个按钮和上一个按钮
- 如何在用户返回和上一个按钮时刷新下拉列表
- 简单的垂直上一个和下一个按钮代码点击上下移动jQuery
- 如何使用一个按钮编辑和保存使用Javascript
- 在单击下一个按钮之前,在JavaScript代码中添加5秒的延迟
- 正如我所能做的引导提醒,按下一个按钮可以更改语言
- 当我的所有 Ng-from 都有效时启用一个按钮
- 一个按钮,点击后会生成一个新的文本框?-Javascript
- 我想在我的准备列表项上创建一个按钮
- JavaScript幻灯片显示,每个幻灯片的下一个按钮都有不同的位置
- 当我单击下一个或上一个按钮时,datatable显示旧值
- 制作一个按钮倒计时计时器,该计时器将在5分钟后永久禁用,即使在页面刷新时也应保持禁用状态
- 一个具有两个图像按钮的表单在只能按下一个按钮的情况下发送两个按钮值
- Jquery:如果选中了另一个按钮,则为未选中按钮
- 使文本在它之后再次可见'It’s被一个按钮隐藏了
- 传递来自<输入类型=“;文件“;id=“;文件“/>尽管还有一个按钮点击
- 为缩略图库和较大图像库添加下一个和上一个按钮
- 当滑块只有一个图像时,如何禁用下一个/上一个按钮
- 图像缩略图库中的“下一个”和“上一个”按钮中的“问题”
- 点击一个按钮,有没有一种方法可以检查Div内部的图像