将不透明度设置为除最后一个<td>中的子项之外的所有<td>

Question

<tbody id="items">
   <tr><td>Item 1</td></tr>
   <tr><td>Item 2</td></tr>
   <tr><td>Item 3</td></tr>
   <tr><td>Item 4</td></tr>
   <tr><td>Item 5</td></tr>
   <tr><td><a>1</a>
           <a>2</a>
           <a class="a3">3</a>
  </td></tr>
</tbody>

我想将不透明度设置为0.5,除了最后一个第三个锚标签<td>.怎么设置？

Answer 1

var atd = $('.a3').closest('td')
$("td").not(atd).addClass('opacity')//add class here

您可以添加具有特定 css 的类

演示

将不透明度设置为 td 的子级（a3 类除外）

演示

使用.each()

描述：迭代 jQuery 对象，为每个匹配的元素执行一个函数。

要找到匹配，然后添加班级

演示

var atd = $('.a3').closest('td')
$("td").not(atd).addClass('opacity')//add class here

var atd = $('.a3')
$("td").each(function(index) {
console.log($(this).find('a').length)
  if ($(this).find('a').length > 0) {
    $(this).children().not(atd).addClass('opacity') //add class here
  } else {
    $(this).addClass('opacity') //add class here
  }
})

.opacity {
  color: red;
  opacity: .5;
}