javascript - Jquery 循环遍历具有多个类的表

Question

我试图在 AJAX 调用完成后使用 Jquery 循环遍历表。但我无法循环遍历它。 我的 HTML 看起来像这样:

    <table id="planyourwork" class="data-view plan-internal displayTable">
     <thead>All Headers</thead>
     <tbody>
          <tr class="odd">
                 <td class="invisible"></td>
                 ....
                 ....
                 <td class="cell-status"></td>
          </tr>
          <tr class="odd">
                 <td class="invisible"></td>
                 ....
                 ....
                 <td class="cell-status"></td>
          </tr>


          <tr class="odd">
                 <td class="invisible"></td>
                 ....
                 ....
                 <td class="cell-status"></td>
          </tr>

     <tbody>

调用AJAX后的JS文件中

$('.data-view > tbody > tr > td.cell-status').each(function() {
   trying to add tool tip
}

当我调试时，我发现循环没有通过。调试器在数据 View 处停止，但不循环。

请帮我解决这个问题

以下是整个 On Click 事件

filterBtn.click(function() {
            loadData();
            $('#planyourworktd.cell-status').each(function() {
                var typeCell = $(this);
                var tooltip = typeCell.parent().find('td.fullNotes').html();
                alert("tooltip");
                typeCell.attr('title', tooltip);
                typeCell.tooltip({track: true,show: 100});
            });
            return false;
        });

// Load the request and planner data
        function loadData() {
         $.ajax({
                type: 'post',
                url: url,
                data: data,
                cache: false,
                success: function(html) {
                    initResults();
                         enableButtons();
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    filterBtn.removeClass('invisible');
                },
                async: true
             });
        }

而且 DOM 结构非常复杂，当我在 Fiddle 中运行它时它可以工作，但在 Page 上却不行。我不知道为什么？感谢大家帮助我解决这个问题。 请注意:语法检查可能是拼写错误，因为我正在删除生产代码，对此表示抱歉。

Answer 1

您的 html 和 javascript 中有一些错误，但我无法确定是否是您在此处输入时出现的错误。

无论如何

1. '' 没有关闭，你有另一个 '' 而不是 ''

2. 您的 JavaScript 未正确关闭，它应该是这样的

   $('.data-view > tbody > tr > td.cell-status ').each(function() { 控制台.log(这个); });

注意额外的');'在最后。

现在，当我进行这些更改时，输出就很好了。