如何从HTML的内部文本中删除（仅）星号 <td> 零件？

Question

I'm trying to figure out how to remove/replace an "asterisk" from the innerHTML of a <td> component.

I have a which contains same free text and an input control. Assume in the following sample that <td> == this

$(this)[0].innerHTML
"*&nbsp;<input name="ctl00$MainContent$TxnDate" type="text" id="TxnDate" class="DetailTextBox dvFieldTypeDateTime dvRequiredField hasDatepicker validationFailed" style="width:250px;">&nbsp;Required Field"

How do I replace/remove the asterisk from the inner HTML?

$(this)[0].innerHTML[0]

I have tried:

$(this)[0].innerHTML.replace(/\*/g, '');

But that seems to delete the current contents of my input control.

Answer 1

The regular expression you have is correct, you need to assign the changed html back to the innerHTML , check it here

this.innerHTML = this.innerHTML.replace(/\*/g, '');

After assigning the changed html back you wont get *

Live Demo

Edit

If you want to replace only in first node ie *  then you only need firstChild

Live Demo

firstChild = this.firstChild;
firstChild.nodeValue = firstChild.nodeValue.replace(/\*/g, '');

To exclude the input you can use nodeType to apply the replace on only text elements those are child of the html element you have by iterating through the childs.

Live Demo

function removeAsterisk(htmlParentObject)
{
    nextsib = htmlParentObject.firstChild;
    while(nextsib != null)
    {
        if(nextsib.nodeType === 3);
              nextsib.nodeValue = nextsib.nodeValue.replace(/\*/g, '');
        nextsib = nextsib.nextSibling;    
    }
}

Answer 2

当您使用jQuery时，您可以这样说

$(this).eq(0).html($(this).html().replace(/\*/g, ''))

Answer 3

Try this example:

script

var ps = document.getElementsByTagName('p');
var l = ps.length;
if (l--) do {
    ps[l].innerHTML = ps[l].innerHTML.replace(/\*/g, '');
} while (l--);

html

<p>hi there*, everyone* !</p>
<p>LOL* !</p>

output

hi there, everyone !

LOL !

Answer 4

try this solution:

$('td.validationFailed').contents().filter(function() { 
    return this.nodeType == 3 && this.wholeText.indexOf('*') > -1; 
})
.remove();

Working Demo

Via user3558931