如何使用包含特定字符串的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

您可以使用" 属性包含 "选择器:

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