javascript - 在特定表中查找所有带属性的 TD(按 ID)

Question

我正在使用 Telerik 的 Kendo 套件，我需要对 Scheduler 小部件中的每个单元执行检查。我通过搜索名为“role”的属性并对它们执行 .each 来做到这一点。这工作正常，但如果我在页面上有多个调度程序，我不想遍历所有 td ...只是在特定调度程序(这是引擎盖下的 html 表)中的那些。 我试着给调度程序一个 ID，但选择器似乎没有找到任何 td。 当我只使用 ("td[role=gridcell]").each 时，它可以工作，但会返回页面中的所有 td。如果我尝试添加我想要的调度程序的 ID，它什么也没有返回。

var scheduler = $("#scheduler").data("kendoScheduler");
var view = scheduler.view();
view.table.find("#scheduler td[role=gridcell]").each(function (index, value)
{
    // Do checking here.
})

我确定我在选择器中的语法有问题，但我无法弄清楚。

Answer 1

在 find 调用中不需要 #scheduler 选择器。

$("#scheduler").find("td[role=gridcell]").each(function (index, value) {
  $(value).css('color', 'red');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table id="scheduler">
    <tr>
        <td role="gridcell">A</td>
        <td role="gridcell">B</td>
        <td>C</td>
        <td>D</td>
    </tr>
</table>

<table id="test">
    <tr>
        <td role="gridcell">A</td>
        <td role="gridcell">B</td>
        <td>C</td>
        <td>D</td>
    </tr>
</table>