如何使用javascript变量进行jquery？

Question

我试图在选中复选框后添加一个类。 $I值来自数据库。 var a=user<?php echo $i; ?>; 这显示了正确的值，我无法传递给Jquery将类添加到li标签。 即使我尝试了双引号("." +a) 。

您能帮我吗？

<style type="text/css">
.redBackground{
    background: red;
}
</style>

<ul class="peers">
<?php
    $i=0;
    while($userdata=$usertype1->fetch_assoc()){  
        $compare_u=$userdata['Id'];
    ?>
        <li class="user<?php echo $i; ?> lazyloadhide">
            <input type="checkbox" name="checkbox1" id="checkbox1">
        </li>
<?php $i++;}?>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript">
 $(document).ready(function() {
    var a=user<?php echo $i; ?>;
     $('input[type=checkbox]').click(function () {
        if ($('input[type=checkbox]').is(":checked")) {
             $('.' +a).addClass('redBackground');
        } else {
            $('.' +a).removeClass('redBackground');
        }
    });
});
</script>

Answer 1

  $(document).ready(function() { $(".user").each(function(){ $(this).click(function () { if ($(this).is(":checked")) { alert("checked"); $(this).addClass('redBackground'); } else { alert("unchecked"); $(this).removeClass('redBackground'); } }); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" class="user">A <br> <input type="checkbox" class="user">B