javascript - 按类获取元素 - 使用破折号

Question

我正在尝试访问页面上给定类名的一些 svg 元素。但是，当类名包含破折号时，它不起作用。有一些变通办法吗？

<svg width="100" height="20" class="123-456">
    <rect width="50" height="20" style="fill:red" />
</svg>
<svg width="100" height="20" class="567-345">
    <rect width="50" height="20" style="fill:red" />
</svg>
<svg width="100" height="20" class="123-456">
    <rect width="50" height="20" style="fill:red" />
</svg>

<br>
    <a href="#" onclick="highlightSVG(123-456)">highlight</a>

JS:

function highlightSVG(conversationid) {
    $('[class="' + conversationid + '"]').css('width','20');
}

这是 fiddle 的链接:http://jsfiddle.net/93FHf/

如果我删除破折号，它会起作用，但在那种情况下，我将不得不更改我元素中的一些命名约定:-/

Answer 1

如果为函数传入的值被引用，它会起作用!

onclick="highlightSVG('123-456')"

您也可以简单地使用类选择器而不是属性选择器:

$("." + conversationid)...