javascript - 如何使用包含特定字符串的 CSS 类向 DIVS 添加事件处理程序？

Question

我希望能够向一些 DIV 元素添加一些 onclick 事件处理程序，这些元素由匹配特定字符串的 CSS 类设置样式。 DIVS 将用于特定类型的图像，它代表离散事件模拟中称为工作中心的东西，我希望用户能够点击它，更改一些设置，然后再次运行模拟。

我正在使用一个很久以前开发的系统来处理这些图像:

<div id="Decision__1" class="S8DisplayObject Image__for__Decision__1" style="top:35px; left:579px; width:118px; height:71px;"><div id="Decision__1_textData_2" class="S8Web-TextData" style="left:-136px; top:-12px;"><div class="noTextWrap">0</div></div><div class="sb_block_display"></div></div>
<div id="Decision__2" class="S8DisplayObject Image__for__Decision__2" style="top:35px; left:579px; width:118px; height:71px;"><div id="Decision__2_textData_2" class="S8Web-TextData" style="left:-136px; top:-12px;"><div class="noTextWrap">0</div></div><div class="sb_block_display"></div></div>

因此它逐渐为每个类分配一个数字，在这种情况下，我想要比较的字符串将是 Image__for__Decision。不幸的是，我无法真正深入研究这些 CSS 类的命名方式，因为它们是更大的转换过程的一部分。

如有任何提示，我们将不胜感激!

Answer 1

您可以使用“attribute contains”选择器:

$("div[class*='Image__for__Decision']").click(function() {
    console.log("click!"); 
});