Question

我有一个包含数据库数据的动态表。每行包含4个div元素，带有一些文本。我希望能够获得其中一个div的价值。

以下是表格中的一小部分：

function addData(Dato, BookedBy, Fra ,Til) {

              var tbl = document.getElementById('bookingListe');
              var lastRow = tbl.rows.length;

              // if there's no header row in the table, then iteration = lastRow + 1
              var iteration = lastRow;
              var row = tbl.insertRow(lastRow);

              // left cell
              var cellLeft = row.insertCell(0);
              var person = document.createElement("div");
              var dato = document.createElement("div");

              var fra = document.createElement("div");
              var til = document.createElement("div");
              var checkbox = document.createElement("input");
              checkbox.type = "checkbox";
              checkbox.name = "delete";


              dato.innerHTML ="Booket for: " + Dato;
              person.innerHTML ="Booket av: " + BookedBy;
              fra.innerHTML ="Fra: " + Fra;
              til.innerHTML ="Til: " + Til;


              cellLeft.appendChild(person);
              cellLeft.appendChild(dato);
              cellLeft.appendChild(checkbox);
              cellLeft.appendChild(til);
              cellLeft.appendChild(fra);

以下是获取其中一个div的方法。

function Slett(){
   $('#bookingListe').find('tr').each(function () {
      var row = $(this);
      if (row.find('input[type="checkbox"]').is(':checked')){
          alert(row.find('div').val());
        // Since there are 4 divs, the code above isn't going to work
      }
  });
 }

这不起作用，Javascript不是我强大的一面。任何建议表示赞赏。

Answer 1

我建议你为div添加唯一的类，如

var dato = document.createElement("div");
d.className = "dato";

然后您可以使用class selector访问它。由于dato是div元素，您需要使用.html()或.text()

var dataText = row.find('.dato').html();

获取表行内特定div的值

1 个答案: