jQuery - 如何在 div 中查找表答案

【问题标题】：jQuery - how to find a table inside a divjQuery - 如何在 div 中查找表
【发布时间】：2017-12-13 19:51:21
【问题描述】：

我有以下jsp

<div class="content" id="divContent">
    <ul class="ul-content ui-sortable" id="content" style="padding-left: 10px; max-width: 920px;">
        <li class="draggable freetext ui-draggable ui-draggable-handle content-element" style="width:; height:; overflow: auto;">
            <div class="element-content">
                <div class="questiontitle elementtitle" id="58f95b7f-c127-7e40-a3a7-5253ed32fc31">
                    <table>
                        <tbody>
                            <tr>
                                <td>
                                    <span class="optional1">(Opcional  )</span>
                                </td>
                                <td>New Freetext Question</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <input class="freetext" type="text" readonly="readonly">
                <div class="questionhelp">
                </div>
            </div>
        </li>
    </ul>
</div>

我想找到div里面的表格

<div class="questiontitle elementtitle" id="58f95b7f-c127-7e40-a3a7-5253ed32fc31">

我写了代码：

var contentDivTable = $(contentDiv).find('tr');
var numerocontentDivTable = contentDivTable.length;
console.log('additem after addfreetext contenDiv  number table ',numerocontentDivTable);

这是浏览器控制台中的跟踪

additem after addfreetext contenDiv  [object HTMLDivElement]
"additem after addfreetext contenDiv "
<div class="questiontitle elementtitle" id="146b750d-18e8-b8a5-a34d-082c9bd04e0d">New Freetext Question</div>
additem after addfreetext contenDiv  number table  0

如何获取元素表？

【问题讨论】：

contentDiv 是什么，如果你想要桌子，也可以找到 table 而不是 tr
是否要查找表格并向其中添加项目？
你想检查那个 div 中是否有表格？
我要获取contentdiv的table元素
将id添加到表中并查找

标签： javascript jquery css html-table element

【解决方案1】：

如果你想检查是否有table，你可以这样做：

if($("#divContent").find('table').length) {
 // table exists
} else {
 // no table found
}

【讨论】：

【解决方案2】：

如果要选择div内的表

在 div 上应用 css 类，例如：<div class="content">
然后使用$('.content table') 选择div 内的表

【讨论】：

【解决方案3】：

如果 divContent 有单个 .questiontitle 类 div，那么你可以尝试如下

var tbl= $("#divContent  .questiontitle").find('table');

// this will display full table html content
console.log(tbl.html());

如果你想遍历表格行数据，试试下面的代码

$(tbl).find('tr').each(function(){
    var currentRow=$(this);
    var col1_value=currentRow.find("td:eq(0)").text();
    var col2_value=currentRow.find("td:eq(1)").text();
 });

【讨论】：