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

Answer 2

James擊敗了我，但我認為為此我更喜歡“ starts-with”選擇器。

var yourDivs = $("div[class^='Image__for__Decision']");

他的代碼還顯示了如何設置事件處理程序。

Answer 3

var imageDivs = $('div[class*="Image_for_Decision"]');

文獻資料