Jquery动态选择器

Question

我想选择在jquery中动态计算的ID的子元素，但代码不起作用。你认为错误在哪里？data_id是动态的。

$("#duplicater" + data_id + ".chat_box_right_button_collapse").toggleClass("show");

Answer 1

在代码中，动态id和类名之间没有空格(点之前(。请检查并与您的进行比较

$("#duplicater" + data_id + " .chat_box_right_button_collapse").toggleClass("show");

Answer 2

您可以使用模板文字

$(`#duplicater${data_id} .chat_box_right_button_collapse`).toggleClass("show");

Answer 3

如果您的子元素是类为chat_box_right_button_collapse的元素，则尝试为CSS选择器留出一个空格：

$("#duplicater" + data_id + " .chat_box_right_button_collapse").toggleClass("show");

如果您的子元素是直接子元素，您也可以使用>选择器：

$("#duplicater" + data_id + " > .chat_box_right_button_collapse").toggleClass("show");