Javascript/JQuery：如何选择a<；td>；元素，当它具有特定样式时

有一个包含多个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；”

，但根本不起作用

---

编辑：这不是我的网站。抱歉，我没有包括这个。

听起来您需要执行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引用。

听起来您需要执行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引用。

这将选择上面的

TD

元素：

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

你必须试验什么有效，什么无效。我试过像宽度：100px这样的东西，但它不起作用；可能任何带有像素值的东西在某种程度上都是模糊的。但是，如果我只使用了

width

，它适用于任何指定了宽度的元素

---

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

这将选择上面的

td

元素：

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

你必须试验什么有效，什么无效。我试过像宽度：100px这样的东西，但它不起作用；可能任何带有像素值的东西在某种程度上都是模糊的。但是，如果我只使用了

width

，它适用于任何指定了宽度的元素

---

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

为什么不为每种设计提供一个唯一的类？@linus，因为这不是我的网站。这只是为了让事情对我来说更容易。如何根据样式选择项目，请选中此项。为什么不给它一个独特的设计类？@linus，因为这不是我的网站。这只是为了让事情对我来说更容易。如何根据样式选择项目，请选中此项。好吧，这很管用，但你不必这么做……也许吧。一些CSS样式值可以用作选择器。根据页面上的链接数量，使用

$（“a”）.closest（“td”）.each（）

，可能会更快，尤其是当链接具有可添加到选择器的特定类时。嗯，这是可行的，但您可能不必这样做。某些CSS样式值可用作选择器。根据页面上的链接数量，使用

$（“a”）.closest（“td”）.each（）

可能会更快，尤其是当链接具有可添加到选择器的某些区分类时。