javascript - 当参数包含无效字符时 jquery find 失败

Question

我正在使用jquery。如果我有一个看起来像这样的 div:

<div class="container" title="Mark">

然后我跑:

find('div.container["title=Mark"]');

然后就可以了。这意味着，找到了该元素。

但是，如果我有另一个看起来像这样的 div:

<div class="container" title="Mark Person">

然后就不行了。这意味着:未找到该元素，jquery 给出异常:

Error, Syntax Error: unrecognized expression.

似乎当“title”是一个没有空格或斜杠等其他字符的字符串时，它就可以工作。在其他情况下，jquery 不理解该标签。有没有办法避免在任何地方更改我的代码(有很多更改)并使 find-function 能够使用这些元素？

Answer 1

您的 " 标记位于错误的位置。将它们放在值周围:

var mp = $(document).find('[title="Mark Person"]');

mp.css('font-weight', 'bold');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="container" title="Mark Person">should be bold</div>
<div class="container" title="Mark">should not be bold</div>