非常に長い Web ページの HTML があります。参考までに、代表的な HTML を以下に示します。この HTML のように、他のすべての HTML は私の Web ページにあります。
<tr class="bulkop">
<td valign="middle">
<p class="custom-form">
<div class="ez-checkbox">
<input id="practice_6_189" class="custom-check ez-hide" type="checkbox" onchange="enable_text_boxes('practice_6_189')" value="189" name="practice_topics_6[]">
</div>
<label>Enviornmetal Chemistry</label>
<input type="hidden" value="Enviornmetal Chemistry" name="topic_names[189]">
</p>
</td>
<td valign="middle">
<em>Total 150</em>
<input id="practice_6_189_1" class="mini" type="text" disabled="" value="" maxlength="3" name="practice_6_189_1">
<input type="hidden" value="150" name="practice_available_questions_6_189_1">
</td>
<td valign="middle">
<em>Total 81</em>
<input id="practice_6_189_2" class="mini" type="text" disabled="" value="" maxlength="3" name="practice_6_189_2">
<input type="hidden" value="81" name="practice_available_questions_6_189_2">
</td>
<td valign="middle">
<em>Total 122</em>
<input id="practice_6_189_3" class="mini" type="text" disabled="" value="" maxlength="3" name="practice_6_189_3">
<input type="hidden" value="122" name="practice_available_questions_6_189_3">
</td>
</tr>
<tr class="bulkop">
<td valign="middle">
<p class="custom-form">
<div class="ez-checkbox">
<input id="practice_6_190" class="custom-check ez-hide" type="checkbox" onchange="enable_text_boxes('practice_6_190')" value="190" name="practice_topics_6[]">
</div>
<label>Structure of Atom</label>
<input type="hidden" value="Structure of Atom" name="topic_names[190]">
</p>
</td>
<td valign="middle">
<em>Total 810</em>
<input id="practice_6_190_1" class="mini" type="text" disabled="" value="" maxlength="3" name="practice_6_190_1">
<input type="hidden" value="810" name="practice_available_questions_6_190_1">
</td>
<td valign="middle">
<em>Total 394</em>
<input id="practice_6_190_2" class="mini" type="text" disabled="" value="" maxlength="3" name="practice_6_190_2">
<input type="hidden" value="394" name="practice_available_questions_6_190_2">
</td>
<td valign="middle">
<em>Total 321</em>
<input id="practice_6_190_3" class="mini" type="text" disabled="" value="" maxlength="3" name="practice_6_190_3">
<input type="hidden" value="321" name="practice_available_questions_6_190_3">
</td>
</tr>
参考までに、<tr>タグを 2 つ付けました。<tr>実際、私のHTMLにはそのようなものがたくさんあります。<tr>ここで、ページに存在するすべてのタグの内部 div と div に含まれる入力にアクセスしたいと考えています。そのために、私は次のjQueryを書きましたが、上記のクラスをdivに適用したり、div内に存在する入力を適用したりできませんでした。コンソールにエラーが表示されません。HTML 要素の操作が間違っている場合は、修正してもらえますか? 前もって感謝します。私のjQuery関数コードは次のとおりです。
$(document).ready(function() {
$("#ckbCheckAll").click(function () {
$('tr .bulkop td p div .ez-checkbox').toggleClass("ez-checked", this.checked);
$('tr .bulkop td p div .ez-checkbox input').toggleClass("ez-checked", this.checked);
var id_checkboxes = $('tr .bulkop td p div .ez-checkbox input').map(function() {
return this.id;
}).get();
for (var i = 0; i < id_checkboxes.length; i++) {
toggle_question_count('#'+id_checkboxes[i]);
}
});
});
クラスを切り替えることができません。この問題を解決するために私を助けてください。
