如何将复选框选中的字符串值与 li 元素进行比较以编辑最后一个

Question

如何将复选框选中的字符串值与 li 元素进行比较以编辑最后一个。例如。 jQuery(function($){// start ajax     $('#filter input[type="checkbox"]').on('change', function(){        var filter = $('#filter');                        /* Stuff to do every *odd* time the element is clicked */        $.ajax({            url:filter.attr('action'),            data:filter.serialize(), // form data            type:filter.attr('method'), // POST            beforeSend:function(xhr){                filter.find('button').css('opacity', '1').text('Загрузка...');                 // changing the button label            },            success:function(data){                filter.find('button').css('opacity', '0');; // changing the button label back                if($(".checkbox:checked").length == 0) {                                $('#response').empty();                           } else {                                $('#response').html(data);                                                                  };                                                                  $(".usage-product-list li").each(function () {                                        if ($(this).text() == 'Усиление иммунитета') {                                            $(this).css('color', 'red');                                        }                                    });                                }                    });        return false;                    });//end jquery ajax    // load more toggle start    $('.load-more').toggle(function() {    $(this).html('Меньше параметров <i class="fas fa-angle-up"></i>');    $('.row-wrap').slideDown('slow');}, function() {    $(this).html('Больше параметров <i class="fas fa-angle-down"></i>');    $('.row-wrap').slideUp('slow');});在我的代码中，如果 li 包含我放入字符串中的文本，我必须更改 li 的颜色，但是如何使用等于每个选中的复选框父 LABEL 字符串值的文本字符串更改每个 li 颜色？

Answer 1

只需将此添加到您的success函数而不是$(".usage-product-list li").each(function () {});：

let checked = $("input[type='checkbox']:checked")

checked.each(function() {

   let labelText = $(this).closest("label").text();

    $(".usage-product-list li").each(function() {

       if ($(this).text() == labelText) {

          $(this).css('color', 'red');

       }

    });

});