javascript - append 数据属性时无法识别的表达式

Question

我尝试通过 jQuery 创建一个带有类和数据属性的 HTML 元素:

elem.append($('<ul>', {'class': 'list-group-item', 'data-topic': value}));

这工作正常，除非数据属性包含空格。然后控制台抛出以下错误:

Uncaught Error: Syntax error, unrecognized expression: ul[data-topic=Test 2]

这里有什么问题吗？

Answer 1

您是否尝试过将其设置为字符串？是否可能是因为您没有获得围绕数据属性的引号？

elem.append($('<ul class="list-group-item" data-topic="'+value+'"></ul>'));

未经测试。只是一个想法。