【问题标题】:jQuery selector: finding table cell based on contentjQuery 选择器:根据内容查找表格单元格
【发布时间】:2011-05-04 05:35:36
【问题描述】:

我正在尝试选择一个包含特定文本的表格单元格,但尚不知道它是如何工作的: 我有这个代码 - 但不起作用:

var td = $("td:contains('MyCell')",tbl);

有什么想法吗?

【问题讨论】:

  • 应该可以。您能否为您的代码和 HTML 提供更多上下文?
  • 您是否正确使用了 $() 中的第二个参数?

标签: jquery html-table cell


【解决方案1】:

下面的示例代码对我有用。希望对您有所帮助....

 <script type="text/javascript">
function getCell( cell )
{
    var cell || '';
    var result = $('tr').find('td:contains('+cell+')');

    alert( $(result).text() );
}

 <body onload="javascript:getCell('cell 4');">

 <table width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td>cell 1</td>
    <td>cell 2</td>
    <td>cell 3</td>
</tr>
<tr>
    <td>cell 4</td>
    <td>cell 5</td>
    <td>cell 6</td>
</tr>
<tr>
    <td>cell 7</td>
    <td>cell 8</td>
    <td>cell 9</td>
</tr>
 </table>


 </body>

【讨论】:

    【解决方案2】:

    也许代替第二个参数tbl

    var td = $("#mySpecificTable td:contains('MyCell')");
    

    【讨论】:

    • 快速高效的方法!
    【解决方案3】:

    只是为了确保“MyCell”在单元格内,而不是它的类名或&lt;td&gt; 的属性,对吧?

    另一种可能性是:contains() 选择器区分大小写,因此如果内容是“myCell”,则选择器不会找到它。

    【讨论】:

      【解决方案4】:

      你试过没有''吗?如

      var td = $("td:contains(MyCell)",tbl);
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2021-03-11
        • 2012-09-05
        • 1970-01-01
        • 2017-03-16
        • 1970-01-01
        • 2020-02-01
        • 1970-01-01
        相关资源
        最近更新 更多