JavaScript/JQuery : How do I select the link inside a <td> element when it has a certain style

Question

有一个包含多个 td 元素的网站。我需要一种方法来单击 td 元素内的所有 href 链接(如果它与某种样式匹配)。

这是 td 元素通常的样子

<td style="font-size: 12px; text-align: center; font-weight: bold;"><a class="theclass" href="https://youtube.com" target="_blank">Link</a></td>

有人可以帮助指导我如何正确执行此操作吗？我尝试了一个 if 语句来查看 td 样式是否匹配 "font-size: 12px; text-align: center; font-weight: bold;"，但它根本不起作用。

编辑:这不是我的网站。抱歉，我没有包含此内容。

Answer 1

听起来您必须执行 Javascript 循环。

 function clickCertainStyles() {
   $('td').each(function(i, td) {
     var $td = $(td);
     if ($td.css('font-size') == '12px' && $td.css('text-align') == 'center')
       $td.find('a').trigger('click')
   })
 }

如果传入表格容器，则可以加快速度，这样您就不必在整个页面中搜索每个 TD 引用。