首页 文章

jquery .each - 如何通过div id让每个div更改css背景颜色?

提问于
浏览
-2

我有一些代码,当用户按下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);
                }
            }
        );
    }

1 回答

  • 0

    首先你需要两个按钮具有相同的类名“.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
    
    }
    

相关问题