Question

我在页面中使用jQuery插件生成了以下html。

我想使用jQuery找到Ok按钮，然后在此按钮的click事件中添加一些javascript。

我该怎么做？

<div class="ui-dialog-buttonset">
     <button class="dnnPrimaryAction" type="button">Ok</button>
</div>

编辑1：

我页面上dnnAlert的完整html如下所示（dnnAlert是DNN中的jQuery UI警告对话框实现）。

<div tabindex="-1" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front dnnFormPopup ui-draggable ui-dialog-buttons" role="dialog" aria-describedby="ui-id-3" aria-labelledby="ui-id-4" style="left: 810px; top: 816.39px; width: 300px; height: auto; display: block;">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-id-4">Copy Successful</span><button class="ui-dialog-titlebar-close"></button></div>
<div class="dnnDialog ui-dialog-content ui-widget-content" id="ui-id-3" style="width: auto; height: auto; display: block; min-height: 0px; max-height: none;">Copied code to clipboard</div>
<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
    <div class="ui-dialog-buttonset"><button class="dnnPrimaryAction" type="button">Ok</button>  </div>
</div>
</div>

Answer 1

如果没有看到其他HTML，我会尽可能选择选择器：

$("button.dnnPrimaryAction:contains('Ok')").click(function(){
   //do something
});

JS小提琴： http://jsfiddle.net/aVFV5/

Answer 2

使用ID。

<button class="dnnPrimaryAction" type="button" id = "okButton">Ok</button>

$( ".ui-dialog-buttonset #okButton" ).click(function() {
  alert( "Handler for .click() called." );
});

jQuery找到OK按钮

2 个答案: