Question

我可以在表和对象中进行编辑操作，但是当我单击删除按钮时，它只在表中删除而不是在对象中。我插入empobj按钮来查看表数据，如果我编辑它存储在表和对象中的表数据我期望删除操作也这样做。但是当我单击删除按钮时，表数据只会被删除。单击empobj按钮后，删除的数据显示在对象中，我想知道删除对象中的表数据。

这是my code：

$("#adbut").click(function() {
  var nm = $("#nm").val();
  var f1 = $("#f1").val();
  var f2 = $("#f2").val();
  if (nm && nm != "") {
    var nEmpObj = {};
    nEmpObj.name = nm;
    nEmpObj.f1 = f1;
    nEmpObj.f2 = f2;
    fArr.push(nEmpObj);
    $("#list").append(constList(nEmpObj));
    $("#list").show();
    $("#add").hide();
  }

});
var nEmpObj = {};
var obj;


$("#cbut").click(function() {
  $("#add").hide();
});

$("#crt").click(function() {
  $("#add").show();
});
$("#obj").click(function() {
  alert(JSON.stringify(fArr));
});
$('.del').live('click', function() {
  $(this).parent().parent().remove();
  var parentTd = common.parent('td');
  var parentTr = parentTd.parent('tr');
  for (var i = 0; i < fArr.length; i++) {

    console.log(nEmpObj.fArr[0].name);
    if ((fArr[i].name) == (parentTr.find('td #name').html())) {

      delete fArr[i];
    }


  }

});

var common;

$("#et").live('click', function() {
  common = $(this);
  var parentTd = common.parent('td');
  var parentTr = parentTd.parent('tr');
  var nombre = parentTr.find('td #name').html();

  var name = parentTr.find('td #name').html(),
    item1 = parentTr.find('td #field1').html(),
    item2 = parentTr.find('td #field2').html();
  nam.value = name;
  i1.value = item1;
  i2.value = item2;
  $("#edit").show();



});

$("#sv").live('click', function() {
  //  alert(fArr[0].name);

  var parentTd = common.parent('td');
  var parentTr = parentTd.parent('tr');
  var nam = $('#nam').val(),
    i1 = $('#i1').val(),
    i2 = $("#i2").val();
  for (var i = 0; i < fArr.length; i++) {
    //        alert(parentTr.find('td #name').html());

    if ((fArr[i].name) == (parentTr.find('td #name').html())) {

      fArr[i].name = nam;
      fArr[i].f1 = i1;
      fArr[i].f2 = i2;

    }


  }
  parentTr.find('td #name').html(nam);
  parentTr.find('td #field1').html(i1);
  parentTr.find('td #field2').html(i2);
  $("#edit").hide();

});


$("#cn").click(function() {
  $("#edit").hide();
});

function get_data() {

}
var fArr = [];

var constList = function(dta) {
  return $("<tr><td><span id='name'>" + dta.name + "</span></td><td><span id='field1'>" + dta.f1 + "</span></td><td><span id='field2'>" + dta.f2 + "</span></td><td><button class  = del>Delete</button><button id = et >Edit</button></td></tr>")
}

.show {
  display: block
}
.hide {
  display: none
}
.addDiv {
  position: absolute;
  top: 20px;
  left: 20px;
  border: 1px solid #B6A6A6;
  background-color: #FFF;
}
.table {
  width: 100%;
  border: 1px solid #B6A6A6;
  background-color: #FFF;
}
.table td {
  border: 1px solid #B6A6A6;
}
;
 .ed {
  position: absolute;
  top: 20px;
  left: 20px;
  border: 1px solid #B6A6A6;
  background-color: #FFF;
}

<div id="add" class="addDiv" style="display:none">
  <span>Add Details</span>
  <div><span>Name</span>
    <input id="nm" type="text" />
  </div>
  <div><span>Field1</span>
    <input id="f1" type="text" />
  </div>
  <div><span>Feild2</span>
    <input id="f2" type="text" />
  </div>
  <div>
    <input id="adbut" type="button" value="Add" />
    <input id="cbut" type="button" value="cancel"></input>
  </div>
</div>

<div>
  <input id="crt" type="button" value="create" />
  <input id="obj" type="button" value="emp obj" />
</div>
<div id="dtaListing">
  <table class="table">
    <tbody>
      <tr>
        <td>Name</td>
        <td>Item1</td>
        <td>Item2</td>
        <td>Action</td>
      </tr>
    </tbody>
  </table>
  <table class="table" id="list" style="display:none">
    <tbody>

    </tbody>
  </table>
</div>
<div id="edit" class="ed" style="display:none">
  <span>Edit Details</span>
  <div><span>Name</span>
    <input id="nam" type="text" />
  </div>
  <div><span>Item1</span>
    <input id="i1" type="text" />
  </div>
  <div><span>Item2</span>
    <input id="i2" type="text" />
  </div>
  <div>
    <input id="sv" type="button" value="Save" />
    <input id="cn" type="button" value="cancel"></input>
  </div>
</div>

Answer 1

你的问题令人困惑。如果你能说出来，它会帮助任何人找到这篇文章但是从一个对象中删除很容易。假设您有以下对象。

var myObject = { thisParameter : "something"}

然后您可以通过运行...

删除该参数

delete myObject.thisParameter;

如何删除对象中的表数据？

1 个答案: