jquery动态选择器

cotxawn7 于 2021-09-13 发布在 Java

关注(0)|答案(3)|浏览(434)

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

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

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");

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

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

您可以使用模板文本

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