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参考。

Answer 2

这将选择上面的td元素：

$('td[style*="font-weight:bold"]')

你必须尝试哪些有效，哪些无效。我试过像width: 100px这样的东西，但它不起作用;据推测，任何具有像素值的东西在某种程度上都是模棱两可的。但是，如果我只使用width，它适用于任何指定宽度的元素。

请注意，这仅适用于内联样式。

Javascript / JQuery：当元素具有某种样式时，如何选择元素内的链接

2 个答案: