2

我有一个动态加载的表，其中包含以下 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 向下）设置 td 以切换附加类，但仅在具有 spanclass“flag_task”的选定 td 上，而不是该类的所有实例。这是我目前使用的：

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

有人可以澄清如何只影响选定的实例。

谢谢，马克

4

1 回答 1

2

在这部分代码中，您说的是“抓取所有具有类的元素flag_task”，而不仅仅是“抓取点击的元素”。

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

因此，要解决此问题，您只需选择被点击的元素。

这一行：

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

可以改为：

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

查看了解“this”关键字

于 2013-09-22T14:55:22.833 回答