Переключить выбранный класс elemens

78
10

У меня динамически загруженная таблица со следующими 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>

Im пытается установить td с spanclass "flag_task" (3-й td down) для toggleclass additonal class, но только на выбранном td с spanclass "flag_task", а не во всех экземплярах этого класса. Это то, что в настоящее время использует im:

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

Может кто-то прояснить, как произвести только выбранный экземпляр.

Спасибо, Марк

спросил(а) 2021-01-19T13:49:14+03:00 6 месяцев, 1 неделя назад
1
Решение
78

В этом разделе кода вы говорите "захватите все элементы с классом flag_task " вместо того, чтобы просто "захватить щелкнутый элемент".

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

Итак, чтобы исправить эту проблему, вам просто нужно выбрать элемент, на который был нажат.

Эта строка:

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

Может быть изменено на:

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

Ознакомьтесь с описанием ключевого слова "this"

ответил(а) 2021-01-19T13:49:14+03:00 6 месяцев, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема