javascript - 如何向这个 jquery 传递参数？

Question

我不知道应该如何重写这个jquery，以便我可以将参数传递给它。我想将 id 传递到函数中，因此我将其放置为 $(".dialog" + id) .

我将用 <a> 来触发它

$(document).ready(function() {                 
  $(".btnCheck").live("click", function(evt) {
    evt.preventDefault();                               
    $(".dialog").dialog({
      height: 700,
      width: 600,
      closeOnEscape: true,
      title: 'prev'
    }).dialog("open");
  });           
}); 

Answer 1

假设:

<input type="button" class="btnCheck" id="btn1" value="Click Me">
...
<div id="dialog-btn1" class="dialog">
  ...
</div>

你可以这样做:

$(function() {
  $(":button.btnCheck").live("click", function(e) {
    $("#dialog-" + this.id).dialog({...});
    e.preventDefault();
  });
});

您会注意到，我没有使用动态类名，而是为 div 提供了一个对话框类。要获得特定的一个，因为您一次只想要一个，所以 ID 是更好的选择(恕我直言)。

此事件处理程序中的

this 指的是被单击的按钮，即事件源。