触发点击不包含 id 的 div 样式

Question

触发点击 div 如果查看隐藏它..

DIV

`<div style="background-color: transparent;
background: -moz-linear-gradient(center top , #10bece 0%, #0c8d99 100%);
background: -webkit-linear-gradient(#10bece, #0c8d99);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;text-overflow:hidden;overflow:hidden;white-space:nowrap;padding:2px;padding-left:3px;padding-right:3px;width:190px;border-radius:3px 3px 0 0;"><a href="./view.php?i=4435" target="_blank" style="text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;font-size: 13px;height: 17px;line-height: 17px;color: #FFF;">Join ooo</a></div>`

HTML

<table width="100%"><tbody><tr><td style="font-size:11px;color:#666;padding:1px;border-top:1px dashed green;padding-top:3px;"><td style="width:60%">&<b>0.0~0.02</b></td><td align="right"></td></tr></tbody></table></td>

代码示例

$('.style="color:#666').click();

Answer 1

你可以用 filter()

做一些棘手的事情

$('[style]').filter(function() {
  $(this).attr('style').indexOf('color:#666') > -1;
}).click();

或 attribute contains selector

$('[style*="color:#666"]').click();

仅供参考： 如果您要搜索 td，则使用 $('td[style...，如果是 div，则使用 $('div[style...否则它可能 select 其他具有相同内联样式的元素属性.

Answer 2

$("div").each(function(){ //or td
 if($(this).attr("style").indexOf("color:#666") >= 0){
  $(this).trigger("click");
}
})

这不是一个优雅的解决方案，但应该可行

Answer 3

<td onclick="showData1()" style="font-size:11px;color:#666;padding:1px;border-top:1px dashed green;padding-top:3px;"><table width="100%"><tbody><tr><td style="width:60%">&<b>0.0~0.02</b></td><td align="right"></td></tr></tbody></table></td>

    window.showData1=function ()
    {
        alert("");
    }

Answer 4

您可以 select 像这样按样式排列元素

$(document).ready(function() {
  $('td[style*="color:#666;"]').on("click", function(){
    $(this).css("border-color","red");
  });

  $('td[style*="color:#666;"]').click();
});

我在jsfiddle中创建了示例，你可以试试这个 JsFiddle Here

触发点击不包含 id 的 div 样式

trigger click on div style which don't contain id

javascript

jquery

firefox

greasemonkey