Question

我目前遇到一个问题，我想删除用户单击分离按钮的HTML元素，然后会提示但是当他们单击JQuery对话框中的OK按钮时，它会删除带有行类的div元素他们只是点击了。

如果不使用JQuery对话框，以下情况有效：$(this).closest('.row').remove();

我很难通过JQuery对话框复制它。

以下是exmaple和JSFiddle：

＆＃13;

$(document).on("click", ".detach", function() {
  var detachvalue = $(this).closest('div').prev().find('input.detachval').val();
  $("<div title='Important Message'>Are you sure you want to detach?</div>").dialog({
    modal: true,
    buttons: {
      Ok: function() {
        $(this).closest('.row').remove();
        console.log(detachvalue);
        $(this).dialog("close");
      }
    }
  });
});

＆＃13;

<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<div class="row">
  <div class="form-group col-md-5">
    <input type="text" class="form-control col-md-4 detachval" placeholder="No number currently">
  </div>
  <div class="form-group col-md-3">
    <button type="submit" class="btn btn-primary form-control detach">Detach</button>
  </div>
</div>
<div class="row">
  <div class="form-group col-md-5">
    <input type="text" class="form-control col-md-4 detachval" placeholder="No number currently">
  </div>
  <div class="form-group col-md-3">
    <button type="submit" class="btn btn-primary form-control detach">Detach</button>
  </div>
</div>
<div class="row">
  <div class="form-group col-md-5">
    <input type="text" class="form-control col-md-4 detachval" placeholder="No number currently">
  </div>
  <div class="form-group col-md-3">
    <button type="submit" class="btn btn-primary form-control detach">Detach</button>
  </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

＆＃13;

Answer 1

val中的{p>

the.df

   x n val wanted
1  a 0   1      1
2  a 1   0      0
3  a 2   0      0
4  a 3   1      0
5  b 0   1      1
6  b 1   0      0
7  b 2   1      0
8  b 3   1      0
9  c 0   1      1
10 c 1   1      1
11 c 2   0      0
12 c 3   0      0

引用了对话框，因此无法移除div $(this)。

在ok: function(){}期间引用.row并在.row上使用它。

这是更新的解决方案。

detach.click()

ok: function(){}

JQuery通过JQuery对话框删除html

1 个答案: