如何检查下一个td是否在一个tr空或不使用jQuery
How to check if the next td in a tr empty or not using jQuery
我有一个有3列的表。在第一列中,我有一个按钮,我想检查第二列的div是否为not。我不打算使用jQuery。
这是我的html<table class="customFiltersTable" id="customFiltersTable" width="100%" style="background-color: #75A1D0; padding:10px 10px 10px 10px">
<tbody>
</tbody>
</table>
(下拉菜单)按钮在第一列内动态生成。下面是脚本
//create a tr and 3 td inside it then append tr
var fType1 = $('<tr class="rowTableFilters" id="rowFilters'+filtersRow+'" name="rowFilters'+filtersRow+'"><td class="colFilters" id="colFilters'+column1+'" name="colFilters'+column1+'" width="480px" align="center" columnNum="'+column1+'"></td><td class="colFilters" id="colFilters'+column2+'" name="colFilters'+column2+'" width="480px" align="center" columnNum="'+column2+'"></td><td class="delButton" id="delButton" name="delButton" width="40px" align="center"><button type="button" class="btn btn-link" id="deleteFilter'+filtersRow+'" name="deleteFilter'+filtersRow+'" style="float: right;">Del</button></td></tr>');
$("#customFiltersTable").append(fType1);
// create the dropdown menu button in the 1st column along with the list (li)
var fType = $('<div class="btn-group" style="padding: 5px; width: 70%;"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="width: 100%;">Select Filter <span class="caret"></span></button><ul class="dropdown-menu" role="menu" style="width:100%" data-userid="'+(intIdFilters-2)+'" id="filUl'+(intIdFilters-2)+'" currData-value="-1"></ul></div>');
$("#colFilters"+(intIdFilters-2)).append(fType);
$("#filUl"+(intIdFilters-2)).append(li); // li is list already generated.
所以我使用的if语句(不起作用)是这个
$('#customFiltersTable').on('click', '.dropdown-menu li a', function () {
if($(this).closest('td').next('td').find('div').length){
...
}
});
有什么想法吗?
我相信你可以使用jQuery的 has()
方法来实现这一点:
if($(this).closest('td').next('td').has("div")) {
// It contains a <div> element
} else {
// It doesn't contain a <div> element
}
Edit:
你的代码看起来不错。尝试删除next()函数中的'td'。
var $td = $(this).closest('td').next();
if ($td.find('div').length > 0) { //div exists }
相关文章:
- react-让一个元素返回两个相邻的<tr>标签
- jQuery将输入集中在下一个tr->td时,td包含一个输入字段,但从不关注html选择
- 使用jQuery从TR父级中选择第一个TD子级
- 克隆上一个 tr 行并将其追加到当前表
- 如何在TR的最后一个TD中添加事件或将ID属性添加到IMG标签
- Jquery在偶数类中改变每个下一个偶数tr的颜色
- 如何选择一个 TR,但如果它的子 TD 带有 JQuery 选择器,则不选择一个
- html5:将tr拖动到另一个表中
- 在表中第一个tr的倒数第二个td中选择按钮-使用jQuery选择器
- 在javascript中删除TR表的第一个TD
- 尝试显示<tr>如果选择了一个选项
- JQuery:第一个tr的td小于X
- 每个tr的第一个td值
- 如何更改<李>或者<tr>颜色一个接一个
- 仅突出显示一个<tr>在一张桌子上
- 如果我点击了一个复选框,试图阻止jQuery触发表tr onclick事件
- 在一个TR中求和TD
- 在tr标记内创建一个表
- 获得第一个N<tr>其具有<td>作为使用jQuery的子级
- 将 TR 的所有下一个兄弟姐妹切换到下一个 TR 没有类