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的隐藏td的原始请求有一个colspan = 3

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();
});

选择相邻元素的子元素

4 个答案: