jQuery：从单元格值获取行

Question

I have a table where all my rows are like this:

<tr> 
    <td class="name">name1</td>
    <td class="type">type1</td>
    <td class="edit">
        <a href="edit" class="edit">edit</a>
    </td>
</tr>

I need to disable the edit href for certain types. So I need something like:

row = $('.mytable').find(row where .type value = type_with_no_edit) #this is where I need elp
row.find('a.edit').remove();

If the row was alwasy the first one, I would do:

row = $('.mytable tbody>tr:first')

but that's not always the case.

Answer 1

Sounds like a job for filter...

$('.mytable tr').filter(function() {
    return $("td.type", this).text() === "type_with_no_edit";
}).find('a.edit').remove();

That finds every row that has the text type_with_no_edit in the td with the class type and removes the td with a.edit that is a sibling.

Answer 2

You can use the :contains pseudo-selector:

$('td.type:contains("type_with_no_edit")').siblings('.edit').empty();

Demo: http://jsfiddle.net/XLwfs/

If you don't want to empty the TD, just target the anchor and remove it instead.