How to keep values and remove the others (attributes html string) on a regular expression?

Question

I want to know if is possible keep certain values and remove other with a regular expersion.

I have this code:

var str = '<td class="sky" data-toggle="up" id="heaven" > Link to heaven </td>';

var res = str.replace(/(data-toggle=")([a-zA-Z0-9:;\.\s\(\)\-\,]*)(")/gi, '');

console.log(res);

My result is the follow:

<td class="sky"  id="heaven" > Link to heaven </td>

I want to expect the result like this (inverse):

<td data-toggle="up" > Link to heaven </td>

what's about have more attributes, or just need keep attribute 'data-toggle'? — Kerwin, Mar 09 '17 at 02:01

score 1 · Accepted Answer · answered Mar 09 '17 at 02:10

1

see

var str = '<td class="sky" data-toggle="up" id="heaven" > Link to heaven </td>';

var res = str.replace(/(<\w+)(\s*[\w-]+="[^"]+")*(\s*data-toggle="[^"]+")(\s*[\w-]+="[^"]+")*(\s*>)/g, '$1$3$5');

console.log(res);

answered Mar 09 '17 at 02:10

Kerwin

1,212
1
7
14

I made this for two tags, `(<\w+)(\s*[\w-]+="[^"]+")*(\s*data-toggle="[^"]+")(\s*[\w-]+="[^"]+")*(\s*data-target="[^"]+")(\s*[\w-]+="[^"]+")*(\s*>)` $1$3$5$7, I didn't want to be greedy in my question, Thanks a lot @Kerwin. – Tabares Mar 09 '17 at 17:57

score 0 · Answer 2 · answered Mar 09 '17 at 02:06

Then, your requirement here is to replace all existing attribute settings of a TD element with the new attribute setting data-toggle="up", correct? If so, maybe you can use the following regular expressions.
Find : <td .+?>(.+)</td>
Replace : <td data-toggle="up" >\1</td>

How to keep values and remove the others (attributes html string) on a regular expression?

2 Answers2