在jQuery中觸發具有選定css值的元素的點擊

Question

我有一些同班同學，請看這里

<div class="parent" style="display:none">
        <div class="class-1" style="color:rgb(198, 172, 0);">hii</div>
        <div class="class-1" style="color:rgb(134, 122, 36);">hii</div>
        <div class="class-1" style="color:rgb(251, 206, 146);">hii</div>
        <div class="class-1" style="color:rgb(249, 70, 28);;">hii</div>
</div>

<div class="div2">text</div>

如何為樣式顏色為rgb(134, 122, 36) class-1執行觸發單擊？

Answer 1

您可以在jQuery 屬性equals選擇器的幫助下使用jQuery的trigger()

 $(".class-1[style='color:rgb(198, 172, 0);']").on('click', function(){ alert('works'); }); $(".class-1[style='color:rgb(198, 172, 0);']").trigger('click'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="parent" style="display:none"> <div class="class-1" style="color:rgb(198, 172, 0);">hii</div> <div class="class-1" style="color:rgb(134, 122, 36);">hii</div> <div class="class-1" style="color:rgb(251, 206, 146);">hii</div> <div class="class-1" style="color:rgb(249, 70, 28);;">hii</div> </div> <div class="div2">text</div> 

Answer 2

您可以遍歷具有給定類的元素，然后比較它們的css color屬性，並在其符合您的要求時觸發單擊。

 $(document).ready(function(){ $('.class-1').on('click', function(){ alert($(this).css('color')); }) $('.class-1').each(function(index, item) { console.log($(item).css('color') == 'rgb(134, 122, 36)'); if($(item).css('color') == 'rgb(134, 122, 36)') { $(item).trigger("click"); } }) }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="parent" > <div class="class-1" style="color:rgb(198, 172, 0);">hii</div> <div class="class-1" style="color:rgb(134, 122, 36);">hii</div> <div class="class-1" style="color:rgb(251, 206, 146);">hii</div> <div class="class-1" style="color:rgb(249, 70, 28);;">hii</div> </div> <div class="div2">text</div> 

Answer 3

您也可以這樣做。

$(function(){
    $(".class-1[style='color:rgb(134, 122, 36);']").on('click', function(){
        alert('red');
    });

    $('.class-1').each(function (i, el) {
        if($(el).attr('style') == 'color:rgb(134, 122, 36);') {
        $(el).trigger('click')
      }
    })
})