Question

我有应该在用户按下ajax按钮时用新的背景色更新2个按钮的代码。但是，它仅更新一个按钮，而不更新其他按钮。

我正在使用jquery .each循环，但无法正常工作。

这是我的Ajax代码。它位于php循环的中间，其中“ $ n”是3位数字：

function page_number_'.$n.'(value)
    {
        $(".page_numbers_button").css({"background":"#222"});
        $("#page_numbers_'.$n.'").each
        (
             function ()
            {
                $(this).css({"background":"#555"})
            }
        );
        var row_id = value;
        $.ajax
        (
            {   data: {row_id : row_id}, 
                type: \'POST\',
                url: \'http://localhost/'.$url_dir.'/page_number_php.php\',
                success: function(data)
                {
                    script = $(data).text();
                    $.globalEval(script);
                    $("html, body").animate({ scrollTop: 0 }, "fast");
                    //alert(data);
                }
            }
        );
    }

Answer 1

首先，您需要两个按钮具有相同的类名“ .page_numbers_button”；

您不能对两个不同的元素使用相同的ID，而应使用类名！

function page_number_'.$n.'(value)
{
    $(".page_numbers_button").css({"background":"#222"});
    $(".page_numbers_'.$n.'").css({"background":"#555"});//not #, use .classname instead

}

jQuery .each-如何使每个div通过div ID更改CSS背景颜色？

1 个答案: