Question

我有一个带有以下tr的动态加载表：

        <tr>
            <td><span class="active">Task Name</span><br /><span class="icons_small">U</span><span class="contact_name tiny">Contact Name</span><span class="user_number tiny">(111111)</span><span class="icons_small" style="visibility:hidden;">!</span></td>
            <td><span class="date_assigned">13/12/2012</span><br /> <div id="progressbar"></div></td>
            <td class="icons_small"><span class="flag_task">f</span></td>
            <td class="icons_small"><span class="set_reminder">A</span></td>
            <td><span class="warning tiny" style="visibility:hidden;">Delete</span></td>
        </tr>

我试图用spanclass“flag_task”（第3个td down）来设置td to tolecleclass一个additonal类，但只在选择的td上使用spanclass“flag_task，而不是该类的所有实例。这就是我目前使用：

            <script>
               $(document).ajaxSuccess(function () { 
                    $(".flag_task").click(function () {
                        $(".flag_task").toggleClass("warning");
                    });    
               });
            </script>

有人可以澄清如何仅影响所选实例。

谢谢，标记

Answer 1

在代码的这一部分中，您说“使用flag_task类获取所有元素”，而不是“抓取单击的元素。”

$(".flag_task").click(function () {
    $(".flag_task").toggleClass("warning");
});

因此，要解决此问题，您只需选择单击的元素即可。

这一行：

$(".flag_task").toggleClass("warning");

可以更改为：

$(this).toggleClass("warning");

查看Understanding the "this" keyword

切换选定的元素类

1 个答案: