jQuery target td標頭屬性

Question

我有以下HTML

<table>
  <tr>
    <td headers="Monday"> <div class="foo"> Some stuff </div> </td>
    <td headers="Tuesday"> <div class="foo"> Some stuff </div> </td>
    <td headers="Wednesday"> <div class="foo"> Some stuff </div> </td>
  </tr>
</table>

如何使用星期一標頭定位td並刪除.foo？

Answer 1

這是你的意思嗎？

DEMO

if ($(".foo").text().indexOf('Monday') != -1) {
    $("td[headers='Monday']").find(".foofoo").remove();
}

Answer 2

您可以使用以下內容刪除類：

$('td[headers="Monday"] > div').removeClass('foo');

演示： http ： //jsfiddle.net/8qbba/

Answer 3

$('div','td[headers=Monday]').remove();

演示

Answer 4

嘗試這個...

if($('.foo:contains("Monday")')){
    $('table').each(function(){
        var mondayHeader = $(this).find('tr.td[headers="Monday"]');
        $(mondayHeader).closest('div').removeClass('foofoo');
    });
}