javascript - 选择相邻元素的子元素

Question

<div class="srch-sb-results"> stuff here </div>
<table>
   <tr>
      <td colspan='3'>
         <div style="border:1px solid silver"></div>
       </td>
     </tr>
<table>

我需要选择呈现银色边框的 div 如何在 jquery 中选择 div 并隐藏它？以及带有 colspan 的表格单元格。

Answer 1

$('.srch-sb-results').next('table').find('td[colspan="3"]').hide();

应该这样做。包括OP的原始请求以隐藏具有 colspan=3 的 td

Answer 2

试试这个：

$('table div').each(function() {//selects all divs inside table

    var bColor = $(this).css('border-color');//checks each element's border-color
    if( bColor === 'silver') {
       $(this).hide();
    }

});

Answer 3

如果您无法更改 html，您可以使用相邻的兄弟 CSS 选择器来选择第一个表格行的第一个表格单元格内的第一个 div，如下所示：

$('.srch-sb-results + table > tr:first > td:first > div:first').hide();

更简单的方法是更改​​ HTML 并在 div 上设置一个 ID 并直接选择它。

Answer 4

如果这个 div 是唯一的：

$('td[colspan="3"] > div').hide();

或更严格的 CSS 应该是这样的：

$('td[colspan="3"] div').each(function(){
  if ($(this).css('border')) $(this).hide();
});