javascript - 选择以空格分隔的单词的元素

Question

我在 View 中动态添加元素，如下所示:

@foreach ($categoryViews as $key => $value)
    <div class="large-2 columns text-center">
        <div id='{{ $key }}' style="height: 101px; width: 102px; margin: 0 auto"></div>
    </div>
@endforeach

但是我的键之一是一个以空格分隔的字符串，它看起来像这样产品测试

我知道 ids 不能分开，但我正在尝试找到一种方法来选择这些元素，因为我将从我的数据库中获取它们，所以我想知道，而不是经历为它们制作 slugs 的更改我如何使用 jQuery 实现这一点，我认为可以做到这一点，因为 stack overflow 上已经有一个关于它的主题。 。在我的脚本中，我尝试通过相同的数组来启动每个元素的图表。我使用 $('[id=' + key + ']') 作为空格分隔单词的选择器，遵循此 example ，像这样:

for (var key in icoop.viewsByCategory) {
    $('[id=' + key + ']').highcharts({
        // my code...
    }

在我的控制台中出现错误:

jquery.js:1468Uncaught Error: Syntax error, unrecognized expression: [id=Product test]

Answer 1

标识符不能包含空格，但是您仍然需要使用它，Attribute Equals Selector [name=”value”]可以使用。

$('[id="' + key + '"]').highcharts()