如果找不到數據，則將jQuery addclass添加到另一個div（但不是父類）

Question

如果沒有返回數據，我可以將一個類添加到報表所在的主表中。

$('#report-area table td:contains("Sorry, your search did not return any data")').parents('#report-area').addClass('no-report-data')

但是，我還有另一個div區域"#report-footer"但它不在#report-area 。 我也想將.no-report-data類也添加到"#report-footer" ，但是在這種情況下，我認為.parents選擇器不起作用。 我可以使用另一個選擇器嗎？

Answer 1

ID屬性是每頁唯一的，因此您可以這樣說：

$('#report-footer').addClass('no-report-data');

您也可以完全跳過parents ，並同時做兩個：

if($('#report-area table td:contains("Sorry, your search did not return any data")').length)
    $('#report-area, #report-footer').addClass('no-report-data');

Answer 2

參考鏈接http://visualjquery.com/

Answer 3

我認為這可能有效

var uglySelector = 'table td:contains("Sorry, your search did not return any data")';
$('#reportArea:has(#report-area ' + uglySelector +'), #report-footer ' + uglySelector).addClass('no-report-data');

我建議您避免使用冗長的選擇器（“ table td：contains ...”），當您編寫消息“ Sorry ...”消息時，只需在該td中添加一個類，以便以后區分它。

Answer 4

這樣的事情怎么樣？ 這不是真正的性感，但應該可以...

var $noData = $('#report-area table td:contains("Sorry, your search did not return any data")').parents('#reportArea');

if ($noData.length)
{
  $noData.addClass('no-report-data');
  $("#report-footer").addClass('no-report-data');
}