jQuery目标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();

Demo

Answer 4

试试这个......

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