0

Всем привет, делаю to-do задачу, есть список задача с input radio, после нажатия он должен удалиться, то есть пропасть списка (само удаления задачи проходит успешно), не могу выполнить jquery часть.

Пример: Удаляю какую-нибудь задачу, весь li скрывается??? Не могу понять как скрыть определенный li.

<li class="list-group-item task" id="<?= $res['id'] ?>">
    <input type="radio" name="radioTask" class="radioTask" value="<?= $res['id'] ?>">
    <label>
        <span class="list-task"><?= $res['task'] ?></span>
    </label>
</li>

    // это часть отправляет value значение в PHP
    $(".radioTask").change(function () {
    var val = $(".radioTask:checked").val();
    $.ajax({
        type: "GET",
        url: "",
        data: {val: val},

    });
    // а вот это часть должна скрывать .task блок
    $('li').each(function (index, value) {
        var id = $(this).attr('id');
        $('.radioTask').hide(this.id === val)
});
6
  • $(this).remove() вместо $("li").each(...)
    – teran
    6 июл 2021 в 14:09
  • так же там $(this).val() вместо checked
    – teran
    6 июл 2021 в 14:10
  • код приведите в вопросе, здесь также можно добавить сниппет. без кода тут вопрос совершенно не ясен, а ссылки на сторонние источники не приветствуются
    – teran
    6 июл 2021 в 14:11
  • @teran спасибо огромное выручили, я сделал для себя вот так и все работает $('.task').click(function(){ $(this).remove(); });
    – Uman
    7 июл 2021 в 17:14
  • @teran как мне поставить Вам благодарность?!
    – Uman
    7 июл 2021 в 17:17

1 ответ 1

0

Как @teran написал в комментах что можно $(this).remove(), а мне подошло fadeOut()

// Remove task
$(".radioTask").click(function () {
    var val = $(".radioTask:checked").val();
    $.ajax({
        type: "GET",
        url: "",
        data: {val: val},
    });
    // FadeOut task
    $('.task').click(function () {
        $(this).fadeOut(500)
        //$(this).remove();
    });
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.