让eventEl = $("#“+ rowId +”textarea“)和eventEl = $("#”+ rowId +“textarea”)之间的区别；？

Question

基本上，代码使用JS为任务分配创建了一个排序的“调度器”。我花了几个小时来解决为什么下面的代码没有正确地将信息保存到本地存储的原因。我能够将错误隔离到代码中的特定函数。

一旦我这样做了，然后我深入每一行代码，并尝试了一切，看看什么将修复错误。结果是，在textarea之前在let eventEl = $("#" + rowId + "textarea");中添加一个空格是出于某种原因而修复的。

换句话说，let eventEl = $("#" + rowId + " textarea");可以正常工作，但前一个不能工作。

有人能帮我解释一下原因吗？

Answer 1

空格是CSS中的后代组合子。如果没有添加空格，那么您将寻找一个元素，该元素的id为rowId与"textarea"连接，而不是包含在元素中的textarea，该元素的id为rowId。

后代组合器--通常由单个空格(“")字符表示--组合两个选择器，以便如果第二个选择器具有与第一个选择器匹配的祖先(父、父等)元素，则选择第二个选择器匹配的元素。利用后代组合器的选择器称为后代选择器。