时间戳

首页 > 解决方案 > 如何使用 JQUERY 检查所有“th”值？

html - 如何使用 JQUERY 检查所有“th”值？

问题描述

我创建了一个函数，它根据下拉列表的值添加行。用户选择一个项目，单击“添加”按钮，带有项目名称的行和一组单元格将添加到表中。项目名称位于“th”标签内。

我想添加一个条件，如果项目已经添加，添加按钮不添加一行：

<script>

$(document).ready(function() {

  var i = 1
  var tbody = $('#myTable').children('tbody');

  //Then if no tbody just select your table
  var table = tbody.length ? tbody : $('#myTable');

/*  table.find('th').each(function(){
    if (th.value = projval)
    alert("project already in");
  });*/

  $('#addrow').click(function() {
    //Add row
  var projval = $('#projSel').val();

  $('#myTable > tbody > tr > th').each(function(index, th) {
       console.log(index);
       // if($("th").eq(index).attr('id') = projval) {
       //    alert("Exist");
       // }
  });

        table.append('<tr><th scope="row" id="' + projval + '">' + projval + '</th>\
        <td><input class="form-control" type="text" id="inMon' + i + '" placeholder="00:00"></td>\
        <td><input class="form-control" type="text" id="inTue' + i + '" placeholder="00:00"></td>\
        <td><input class="form-control" type="text" id="inWed' + i + '" placeholder="00:00"></td>\
        <td><input class="form-control" type="text" id="inThu' + i + '" placeholder="00:00"></td>\
        <td><input class="form-control" type="text" id="inFri' + i + '" placeholder="00:00"></td>\
        <td><input class="form-control" type="text" id="inSat' + i + '" placeholder="00:00"></td>\
        <td><input class="form-control" type="text" id="inSun' + i + '" placeholder="00:00"></td>\
  <td><button name="remove" id="' + i + '" class="btn btn-danger btn_remove btn-sm" onclick="deleteRow(this)">X</td></tr>');
        i++;
      })
});

projVal 变量是从下拉列表中选择的值 myTable 是表的 ID。

我不知道如何编写 if 条件，以便索引检索“th”ID 的值并将其与用户添加的已经存在的“th”进行比较。

标签： htmljquery

解决方案

检查以下代码：

$('#addrow').click(function () {
    var projval = $('#projSel').val();
    var projectAdded = $('tr>th[scope=row][id="' + projval + '"]', table).length > 0;
    if (projectAdded) {
        alert('project already in');
        return false;
    }
    // ... Add Row Code
    i++;
})

推荐阅读