jquery - 如何关闭变量中的按钮？

Question

我在下面有一段代码，其中包含来自 AZ 的 26 个按钮。每个按钮都可以打开和关闭。

<?php
    $a = range("A","Z");
?>

<?php
        $i = 1;
        foreach($a as $key => $val){
            if($i%7 == 1) echo"<tr><td>";
            echo"<input type=\"button\" onclick=\"btnclick(this);\" value=\"$val\" id=\"answer".$val."\" name=\"answer".$val."Name\" class=\"answerBtns answers answerBtnsOff\">";      
            if($i%7 == 0) echo"</td></tr>";
            $i++;
        }
    ?>

下面是我试图打开和关闭正确按钮的代码，但问题是它没有关闭应该关闭的按钮。

var answers = '#answer'+btn;
$('.answers.answerBtnsOn').find('answerBtnsOn').addClass('answerBtnsOff');

现在，如果我将最后一行代码更改为以下代码：

$('.answerBtnsOn').find('answerBtnsOn').addClass('answerBtnsOff');

然后它可以工作，但问题是我所有的按钮都有“.answerBtnsOn”类，我只希望“answers”变量中的按钮在应该关闭的时候关闭。那么如何关闭“答案”变量中的按钮？

Answer 1

如果你只想要里面的按钮answers，那么将它作为上下文传递给$().

$('.answerBtnsOn', answers).addClass('answerBtnsOff');