Javascript jquery选择（查找）元素

我的html页面上有一个表格：

<table id="myTab">
    <tr>
        <td class="reference">1</td>
        <td>item1</td>
        <td>Info item - 1</td>
    </tr>
    <tr>
        <td class="reference">2</td>
        <td>item2</td>
        <td>Info item - 2</td>
    </tr>
    <tr>
        <td class="reference">3</td>
        <td>item3</td>
        <td>Info item - 3</td>
    </tr>
    <tr>
        <td class="reference">4</td>
        <td>item4</td>
        <td>Info item - 4</td>
    </tr>
<table>

---

假设只需要引用该td元素，并且显示的标记是当前结构的范围，则可以使用选择器：

var elem = $(".reference:contains('3')");

如果您有其他包含字符3（例如13）的td元素，它们也将被匹配。在这种情况下，最好使用以下方法：

…将在假设足够好的情况下工作-注意，在本例中，它匹配元素内容中的任意位置3

如果需要精确匹配，可以使用。筛选器：

或纯javascript：

 function func() {
        var myTab= document.getElementById('myTab');
        var len = myTab.rows.length;
        for (var r = 0; r < len; r++) {
            var rowLen = myTab.rows[r].cells.length;
            for (var cel = 0; cel < rowLen; cel++) {
                if(myTab.rows[r].cells[c].innerHTML === "3" && myTab.rows[r].cells[c].className === "reference")
                {
                   alert("found:"+myTab.rows[r].cells[c].innerHTML);
                }
            }
        }
    }

---

我鼓励您阅读jQuery文档，尤其是。你会节省很多时间。

var elem = $(".reference").filter(function () {
    return $(this).text() === "3";
});

var el = $("#myTab").find("td.reference:contains(3)")

var el = $("#myTab").find("td.reference")
                    .filter(function() { return $(this).html() === "3"; });

 function func() {
        var myTab= document.getElementById('myTab');
        var len = myTab.rows.length;
        for (var r = 0; r < len; r++) {
            var rowLen = myTab.rows[r].cells.length;
            for (var cel = 0; cel < rowLen; cel++) {
                if(myTab.rows[r].cells[c].innerHTML === "3" && myTab.rows[r].cells[c].className === "reference")
                {
                   alert("found:"+myTab.rows[r].cells[c].innerHTML);
                }
            }
        }
    }