.find不在DOM

Question

所以，我有这张桌子：

<div id="notes" class="col-xs-12 col-sm-4 col-sm-offset-2">
                <div class="panel panel-default">
                    <table class="table table-bordered" id="note-table">
                    </table>
                </div>
            </div>

...我在DOM之后加载了表元素;所以表格如下：

<div id="notes" class="col-xs-12 col-sm-4 col-sm-offset-2">
                    <div class="panel panel-default">
                        <table class="table table-bordered" id="note-table">
                           <tr><td>This is a test</td></tr>
                        </table>
                    </div>
                </div>

我的jQuery代码就是这样，但它没有用。

$('#note-table').on("click", "td", function(){
      var row = $(this).find('td:first').addClass("success");
});

（成功类是一个bootstrap类，fyi）

var row =行是我从代码的另一部分改编而来的工作正常。但是，它在这里不起作用。

Answer 1

您正在点击表格单元格：因此IO [Bool]将找不到表格单元格。此.find()将点击委托给表格单元格（.on("click", "td", function()）。 http://api.jquery.com/on/ td为$(this)。

你会想做这样的事情：

td

示例：

https://jsfiddle.net/kxonfppz/8/