如何将复选框选中的字符串值与 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() {&nbsp; &nbsp;let labelText = $(this).closest("label").text();&nbsp; &nbsp; $(".usage-product-list li").each(function() {&nbsp; &nbsp; &nbsp; &nbsp;if ($(this).text() == labelText) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).css('color', 'red');&nbsp; &nbsp; &nbsp; &nbsp;}&nbsp; &nbsp; });});