第一种：针对类属性，进行遍历所有项，并为其添上click属性。

$(“.stopall”).each(function(index){

$(this).click(function(e) {

$(‘#msgtxt-dialog’).modal()

stop_all_spider($(e.currentTarget))

});

})

$(“.startnew”).each(function(index){

$(this).click(function(e) {

var target = $(e.currentTarget)

var host = target.parent().parent().children(“td:nth-child(1)”).html();

var prj = target.parent().parent().children(“td:nth-child(2)”).html();

var spider = target.parent().parent().children(“td:nth-child(3)”).html();

var nodeParent = $(“#startnew-dialog”);

var label1 = nodeParent.find(“#host”);

var label2 = nodeParent.find(“#project”);

label1.html(host);

label2.html(prj);

$(‘#startnew-dialog’).modal()

});

})

第二种：

<!– 按钮触发模态框 –>

<button class=”btn btn-primary btn-lg” data-toggle=”modal”

data-target=”#myModal”>

开始演示模态框

</button>

 

<!– 模态框（Modal） –>

<div class=”modal fade” id=”myModal” tabindex=”-1″ role=”dialog”

aria-labelledby=”myModalLabel” aria-hidden=”true”>

<div class=”modal-dialog”>

<div class=”modal-content”>

<div class=”modal-header”>

<button type=”button” class=”close”

data-dismiss=”modal” aria-hidden=”true”>

&times;

</button>

<h4 class=”modal-title” id=”myModalLabel”>

模态框（Modal）标题

</h4>

</div>

<div class=”modal-body”>

在这里添加一些文本

</div>

<div class=”modal-footer”>

<button type=”button” class=”btn btn-default”

data-dismiss=”modal”>关闭

</button>

<button type=”button” class=”btn btn-primary”>

提交更改

</button>

</div>

</div><!– /.modal-content –>

</div><!– /.modal –>