jQuery目标头部属性

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>

我怎样才能以星期一的标题为目标并删除。foo?

Answer 1

你是这个意思吗?

演示

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

Answer 2

可以这样删除class:

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