jQuery 只影响 while 循环中的最后一个结果：MySQL

Question

我正在尝试在 while 循环中为每个选中的项目更改背景颜色。目前 jQuery 仅适用于最后一行。我确实在输入 id 中放了一个 $i 变量，但老实说，我不确定除此之外还能做什么。我尝试了this、.each 函数以及 Stack Overflow 上的一堆答案，但我不知道如何解决这个问题。

这里是 jQuery：

$(document).ready(function(){
    $('#org[$i]').change(function(){
        if(this.checked){
            $(this).siblings('table').removeClass('unchecked');
            $(this).siblings('table').addClass('checked');
            $(this).parentsUntil('td').removeClass('unchecked');
            $(this).parentsUntil('td').addClass('checked');
        } else {
            $(this).siblings('table').removeClass('checked');
            $(this).siblings('table').addClass('unchecked');
            $(this).parentsUntil('td').removeClass('checked');
            $(this).parentsUntil('td').addClass('unchecked');
        }               
    });
});

这是循环（去掉了一些不重要的东西）。 $i 在每个 #org 中正确迭代（我在 Firebug 中检查过）：

if ($i % 4 == 0) echo ($i > 0? '</tr>' : '') . '<tr>';

echo "<td class=\"unchecked\">
    <div class=\"unchecked\">
        <input id=\"org[".$i."]\" style=\"float:right\" type=\"checkbox\" name=\"org\" value=\"".$row['i_id']."\"/>
        <table class=\"unchecked\">
            //blah, blah, blah
        </table>
    </div>
</td>';                 

if ($i == $countRows - 1)
    echo '</tr>';
$i++;

Answer 1

在您的 javascript 中，您使用 $i 但它是 pp 变量。实际上，您可以为此目的使用类而不是 id

<?php foreach($items as $item){ echo '<input type="checkbox" ..something else... class="dummy" />';}

在 JavaScript 中

$('.dummy').change(function(e){ //Do something that you need});

Answer 2

你为什么不直接使用 CSS 呢？

input[type="checkbox"] + label {
    // Whatever you want to do
}

input[type="checkbox"]:checked + label {
    // Whatever you want to do.
}

here 是一个简单的小提琴展示这一点。

Answer 3

您的问题是您试图匹配像 org[1] 这样的 ID 作为 PHP 的输出，但您使用的是带有 [$i] 的 jQuery 选择器 - 由于某些原因，这不起作用。

这样的 jQuery 选择器会起作用：

$('input[id^="org\["]')

这将选择带有以org[ 开头的id 的输入元素。我在括号前面放了一个退格键，因为 jQuery 对括号有特殊的含义，而这“转义”了那个特殊的含义。