javascript - 如何计算动态添加元素的类名

Question

在尝试计算动态添加元素的类名时，有什么我应该记住的吗？

以下说明请引用链接。单击任何学期(动态添加)上的“(+)类(class)”按钮后，类(class)将被附加到相应的学期，并带有自己的按钮。这有效。然而，就像我对学期的规定一样，我对每个元素的数量有限制(即总共 5 个学期，每学期 7 门类(class))，但我似乎无法计算我的类(class)。

每个学期的类(class)都有一个唯一的 ClassName，它是学期 ID 和单词“类(class)”的串联，结果类似于“sem#4Course”。此代码片段是我如何组装和计算每个类(class)的类名的方法。难道是有什么问题吗？我已在链接中附加了其余的代码。

var parentId = $(this).parent().attr('id');
var crsClass = parentId+"Course";
var crsCount = $('.'+crsClass).length;

https://jsfiddle.net/4efzf681/2/

我上周才开始学习 JavaScript/JQuery，所以请耐心等待。我很抱歉没有将我的代码分为 HTML、CSS 和 JavaScript。我在一个文件中工作并在完成后将其分开，而且我以前也从未使用过 fiddle 。我感谢任何帮助。

Answer 1

类名称值 sem#1 和 sem#1Course 中的 # 字符给 $( ) 查询选择器，它看到 class .sem 和 id #1 或 #1类(class)。最好不要在类名和 ID 中使用 # 和 . 字符。请改用连字符和下划线字符。

改进的 fiddle 在这里:https://jsfiddle.net/6pdfjbt1/