removed text from td

Question

I have several places on the page where there is text "Add" This text is in a td tag which is also just above an input with type="hidden" and name="ProductCode" EDIT: I want to remove the "Add' from each td tag.

My guess is that I need something like

$("input:checkbox[name='ProductCode']").this('td').each.text('Add').remove; 

This obviously throws and error and I have no idea if I am even close. Note: I only want to target these and not any other text on page that may have "Add"

<td valign="top">Add<input type="hidden" value="xxxxxxx" name="ProductCode"></td>
<td valign="top">Add<input type="hidden" value="yyyyyyy" name="ProductCode"></td>
<td valign="top">Add<input type="hidden" value="zzzzzzz" name="ProductCode"></td>

Answer 1

For the correct syntax read the jQuery documentation.

For your specific problem

$('td:has(>:input[name=ProductCode][type=hidden])').html(
    function(index, oldhtml){ return oldhtml.replace('Add',''); }
  );

---

Update to avoid cases where text starting with Add get messed up..

$('td:has(>:input[name=ProductCode][type=hidden])')
    .each(
        function(){
            var txt = $(this).contents()[0];
            if(txt.nodeType===3 && $(txt).text()=='Add')
                $(txt).remove();
        });

Answer 2

This code will help you:

$(document).ready(function() {
  $("td:contains(Add) input[name=ProductCode]:hidden").parent().each(function(){
    var el=$(this);  // Get the element

    el.html(el.html().replace(/^Add</g,'<')); // Remove the Add
  }); 
});

Answer 3

This'll work:

$("input[name='ProductCode'][type=hidden]").parent().each (
    function () {
        $(this)[0].innerHTML = $(this)[0].innerHTML.replace (/Add/i, '');
    } 
);

Answer 4

$("td:has(input[name=ProductCode]:hidden)").each(function(){
    $(this).contents().first().remove();
});

See it here.

Answer 5

$('td:contains(Add) > :input[name=ProductCode]:hidden').each(function() {
    var prev = this.previousSibling;
    if (prev && (prev.nodeType === 3) && prev.nodeValue.match(/^\s*Add\s*$/)) {
        $(prev).remove();
    }
});