jQuery选择上一个元素

Question

I am new to Jquery and I've had a look through the replies on here but I can't find any specific answers to my question.

I have a (ASP) generated table a snippet of which is:

<a href="javascript:__doPostBack(&#39;gv2&#39;,&#39;Select$15&#39;)"
style="color:White;">S</a></td><td style="font-size:XX-Small;">1104</td>
<td style="font-size:XX-Small;">320.20.0116.090</td>
<td style="font-size:XX-Small;">*Not Found*</td>

What I'm trying to do is highlight the *Not Found text and then disable the preceeding href so the link cannot be clicked.

I have developed the following selector:-

$('td').highlight(' Not Found ').each(function(){$(this).prev("a").removeAttr("href")});

The highlight selector works but the removeattr doesn't. Syntax is probably incorrect but any pointers would be very useful.

Answered: - This works

$("td:contains('*Not Found*')").each(function(){$(this).parent().find('a').removeAttr("href")})

Answer 1

I'd personally suggest:

// selects all 'td' elements
$('td').filter(function(){
    // retains only those whose text is precisely '*Not Found*'
    return $.trim($(this).text()) == '*Not Found*';
// moves to the closest (ancestor) 'tr'
// finds the 'a' element within that 'tr' element
// sets the 'href' attribute to be equal to '#'
}).closest('tr').find('a').attr('href','#');

JS Fiddle demo .

Alternatively, rather than setting the href to # , you could just remove the a element by unwrapping its contents:

$('td').filter(function(){
    return $.trim($(this).text()) == '*Not Found*';
}).closest('tr').find('a').contents().unwrap();

JS Fiddle demo .

References:

• attr() .
• closest() .
• contents() .
• filter() .
• find() .
• jQuery.trim() .
• text() .
• unwrap() .

Answer 2

try $(this).prev().find("a").removeAttr("href")}

also removing the link might not work.

try replacing the href with #