Question

我有以下脚本：

<script type="text/javascript">
    $(document).ready(function() {
      var rowCount = 1;
      $(".add_more_rows").click(function() {
          rowCount++;
          var recRow = '<p id="rowCount' + rowCount + '"><table><tr><td><label>Key Population Type :</label><?php
          $query = "SELECT * FROM `kp_types` ORDER BY Name ASC";
          if ($result = mysqli_query($link, $query)) { ?> \n\ < select class = "kp_types fieldstyle_with_label"
              required = ""
              name = "kp_typess[]"
              id = "kp_types" > \n\ <? php
              while ($idresult = mysqli_fetch_row($result)) {
                  $kp_type_id = $idresult[0];
                  $kp_type_name = $idresult[1]; ?> \n\ < option id = "partner_id"
                  value = "<?php echo $kp_type_id; ?>" > <? php echo $kp_type_name.
                  '&nbsp;'; ?> < /option>\n\<?php } ?> \n\ < /select>\n\<?php } ?> < /td>\n\ < td > < input name = "kp_targetss[]"
                  type = "text"
                  maxlength = "120"
                  style = "margin: 4px 5px 0 5px;" / > < /td>\n\\
                  n\
                      < td > < span id = "remove_row' + rowCount + '"
                  onClick = "javascript:fnRemove(this);"
                  class = "remove_row' + rowCount + '"
                  style = "font:normal 12px agency, arial; color:blue; text-decoration:underline; cursor:pointer;" > Delete Entry < /span> </td > < /tr> </table > < /p>';


                  $('.remove_row' + rowCount + '').click(function() {
                      alert('.remove_row' + rowCount + '');
                      $('#rowCount' + rowCount).remove();
                      alert('#rowCount' + rowCount);
                  });
                  $('#addedRows').append(recRow);
              });
      });

      function fnRemove(t) {
          $(t).parent('p').remove();
      }
</script>

我尝试使用fnRemove（t）函数删除该条目，该函数是表中的表数据但它失败但是当我删除表元素并且仅保留tr和td时，它删除了进入井。如何在表元素中解决此错误？

Answer 1

在功能fnRemove中parent('p')是错误的并且更正是parents('p')

试试这个，它对我有用

function fnRemove(t) { 
   $(t).parents('p').remove();
}

删除表行jquery

1 个答案: