Question

我有很多桌子，我想要做以下事情，

找到课堂上的表格。
在表格中找到第一个tr，第一个td
选中复选框，在表格中首先显示td
如果第一个td中存在复选框，则添加类。

以下是我的代码无效

function myFunction() {
    debugger;
    var FindClass = $("table.Panel");
    debugger;
    var FindClass = $(".Panel table.Table");
    debugger;
    debugger;
    if (FindClass != null) {
        $("#FindClass tr").find("td:first").tagname("input");

    }
}

Answer 1

检查.length属性，因为jQuery对象永远不会null。并将其命名为不同。

var panelTable = $(".Panel table.Table");
if (panelTable.length) {
   // panelTable has elements
}

Answer 2

你可以这样做

var chk_box = $("table.Panel tr:first td:first")
                                        .find('input type=["checkbox"]');

if(chk_box.length) {
  $(chk_box.addClass('x')
}

Answer 3

我们可以通过2种简单的方式实现这一目标......

1. 使用类选择器查找表。通过条件检查，我们可以将该类添加到复选框。
1. 在不执行条件操作的情况下，在一行中实现完整代码。

<强> HTML

<table class="Panel">
    <tr>
        <td><input type="checkbox" /></td>
        <td><p>Test</p></td>
    </tr>
    <tr>
        <td>Second TD</td>
    </tr>
</table>

jQuery（第一种方法）

if($('table.Panel').length > 0) {
    var tblCheckbox = $('table.Panel tr:first td:first input[type=checkbox]');
    if(tblCheckbox.length > 0) {
        tblCheckbox.addClass('clstochkbox');
    }
}

jQuery（第一种方法）

$('table.Panel tr:first td:first input[type=checkbox]').addClass('clstochkbox');

http://jsfiddle.net/64jv3z6d/

Answer 4

我们也可以这样做。

<script type="text/javascript">
function myFunction() {
    debugger;
    var headerRow = $("table.Panel tr:first th:first");
    debugger;
    if (headerRow != null) {
        var checkbox = headerRow.find("input[type=checkbox]");
        if (checkbox[0].type == 'checkbox') {
            headerRow.addClass('checkboxColumns');

            alert('checkbox Found')
        } else {
            alert('not found')
        }
    }

}

</script>

jQuery在第一个td中找到复选框

4 个答案: