我只需要突出顯示#vans 而不是#cars有時 #vans 可以是多個，有時也可以是非多個。但是我必須能夠專門通過 ID 選擇器來突出顯示選擇。下面是使用突出顯示方法和使用 css 選擇器答案突出顯示 select2 的代碼<!DOCTYPE html><html><body> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script> <select name="cars" class="mySelect" id="cars" multiple> <option value="volvo">Cars</option> </select> <select name="vans" class="mySelect" id="vans"> <option value="volvo">Vans</option> </select> <script> function highlightSelect2(selector, isMultiple) { var isWhat = isMultiple ? '--multiple' : '__rendered' $('.select2-selection' + isWhat).effect("highlight", { color: '#f88' }, 10000);}$(document).ready(function() { //initilize select2 $('.mySelect').select2(); $('.mySelect').each(function(index, element) { let prop = $(element).prop('multiple') prop ? highlightSelect2("#vans",prop) : highlightSelect2("#vans") })});</script> </body></html>
突出顯示將 id 選擇器傳遞給函數的特定 select2
慕森王
2023-04-01 17:31:48
