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...。它可以选择具有相同内联样式属性的其他元素。

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

你可以像这样选择元素

$(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风格

4 个答案: