如何获得之间的内容 <td></td> 仅当不存在嵌套标签时？

Question

I realize there are loads of questions on getting something between something, even specifically HTML tags. But my requirement differs because I wan't ignore <td></td> content if nested tags are present. If there's still a duplicate, flag this and point me to that one.

Sample input : <td><p>column1</p></td><td>column2</td>
Expected output : column2 (awesome!) or >column2<

As per this question I tried <td>(.*?)<\\/td> and got 2 matches:

<td><p>column1</p></td>
<td>column2</td>

As per marked answer, I tried >[^<]*< and got this:

That's close. I am Ok with getting > and < but I want regex to ignore 1st <td> because it has <p> nested inside it.

Assumption : <p> will always be the inner most tag in case of nesting. If input is <td><p>column1</p>postfix</td> , ignore such <td> .

Answer 1

You should not use a regular expression to parse HTML as HTML is not a regular language. It's too complex to be parsed by regular expressions .

What you can do is use the browser's built-in parser instead, then use DOM methods to get what you want.

 var s = '<td><p>column1</p></td><td>column2</td>' var content = []; // Create a row to insert the markup into var tr = document.createElement('tr'); tr.innerHTML = s; // Get the cells var tds = tr.cells; // If a cell doesn't have any element content, put its // textContent into array for (var i=0, iLen = tds.length; i<iLen; i++) { if (tds[i].children.length == 0) { content.push(tds[i].textContent); } } console.log(content); 

Answer 2

 var html='<td><p>column1</p></td><td>column2</td>'; var regex=/<td>([^<]*)<\\/td>/ig; var result=regex.exec(html); console.info(result); console.info(result[1]); 

you can try this.result[1] is you want . if you want to replace the content between tag,you can write like this too :

  var html='<td><p>column1</p></td><td>column2</td>'; var regex=/<td>([^<]*)<\\/td>/ig; var newHtml=html.replace(regex,function(){ return '<td>'+'replacement'+'</td>'; }); console.info(newHtml);