Question

I m试图增加一个包含.closest & .remove的纽芬兰文/代码,但仅限于现有的纽特文作品。我希望能够点击“新线”纽顿,有一条新线,然后又能够“拆除”任何增加的线体,但只有这条线上的线。

纽伦

<button id="addLine">New Line</button>

被点击后,在一张新表格上加了一个新表格。

<div id="orderForm">

这是增加的内容。

$( #orderForm ).append( <table class="orderLine" width="90%" border="0" cellspacing="0" cellpadding="0"><tr><td><input name="field1" type="text" id="field1" size="25" tabindex="1"></td><td><button id="removeLine">remove()</button></td></tr></table> );

罚款和工作。我也补充说:

$("#removeLine").click(function () {
 $( #removeLine ).closest( .orderLine ).remove();
});

英国广播公司仅在现有第一线开展工作。

这里是一部完整的法典。

<html>
<head>
<?php include  ../_includes/jq.inc.php ;?><br>
</head>
<body>

<button id="removeAll">Delete All</button>
<button id="addLine">New Line</button>

<div id="orderForm">
<table class="orderLine" width="90%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td><input name="field1" type="text" id="field1" size="25" tabindex="1"></td>
        <td><button id="removeLine">remove()</button></td>
    </tr>
</table>
</div>

</body>

<script type="text/javascript">

$("#removeLine").click(function () {
 $( #removeLine ).closest( .orderLine ).remove();
});

<!-- This removes all newLine table rows -->
     $("#removeAll").click(function () {
      $( .orderLine ).remove();
    });

<!-- ADDS the  newLine  table rows -->
    $("#addLine").click(function () {

    $( #orderForm ).append( <table class="orderLine" width="90%" border="0" cellspacing="0" cellpadding="0"><tr><td><input name="field1" type="text" id="field1" size="25" tabindex="1"></td><td><button id="removeLine">remove()</button></td></tr></table> );
    });

</script>
</html>

我检查了它并检查了它,我不知道我做什么错了。是否有人对此有任何想法?

Answer 1

http://api.jquery.com/delegate/“rel=“nofollow”

传真:

<button class="removeLine">remove()</button>

JS:

$("#orderForm").delegate(".removeLine", "click", function () {
    $(this).closest( .orderLine ).remove();
});

代表团请你听取文件未加内容引发的事件。在此情况下,它附上一份手稿orderForm,其中聆听点击在上触发的事件。

Answer 2

.live或.delegate > ,将活动处理器与在事件发生时不在OM中的内容联系起来。

Answer 3

http://api.jquery.com/live/rel=“nofollow” j 质量。点击只约束一次(就你而言,只有最初的带子),而 j。生活还将对与选择人相对应的新要素进行约束。另外,我认为最好用一个班子去除 but子,因为你越多,就会把ton子带走,这样就等于有效。你们只能有一个DOM元素,拥有同样的身份证。但是,你可以拥有与同一类的多部人力。

$( .removeButton ).live( click  function() {
  $(this).closest( .orderLine ).remove();
});

友情链接