Question

I have a problem removing a row with JavaScript, since it does not have a class nor an ID, I can not reference it with CSS.

The row I’d like to eliminate begins with the text: Post

Hope someone can help

Answer 1

This does it:

var rows = document.getElementById('theTable').rows;

for (var i = 0; i < rows.length; i++) {
   if ( rows[i].firstElementChild.textContent.trim().split(' ')[0] === 'Post' ) {
       rows[i].parentNode.removeChild(rows[i]);
   }  
}

Note: trim() and what not does not work in IE8. You can leave it out, but then you have to make sure that there is no leading white-space before the word “Post”.

Live demo: http://jsfiddle.net/simevidas/xn6U8/

---

Update:

var rows = document.getElementsByClassName('basket')[0].rows;

for (var i = 0; i < rows.length; i++) {
   if ( rows[i].cells[0].textContent.trim().split(' ')[0] === 'Post' ) {
       rows[i].parentNode.removeChild(rows[i]);
   }  
}

Live demo: http://jsfiddle.net/simevidas/A73PK/2/