regex: remove all but? - regex

Question

I have html that looks like
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Yellow">Yellow</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFFF00">#FFFF00</a></td>
<td bgcolor="#FFFF00"> </td>
<td align="left">Shades</td>
<td align="left">Mix</td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=YellowGreen">YellowGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=9ACD32">#9ACD32</a></td>
<td bgcolor="#9ACD32"> </td>
<td align="left">Shades</td>
<td align="left">Mix</td>
</tr>
What I am wanting to do is
filter the html so I only end up with
<td bgcolor="#XXXXXX"> </td>
Then Filter that so I end up with a whole pile of rows of
XXXXXX
XXXXXX
How would I do that?

Answer 1

Hi you can use following regex.
\<td bgcolor\=\"([^\"]+\)">\&nbsp\;\<\/td\>
Use group option to capture "XXXXXX"

Answer 2

First regex to match the right tags:
\<td bgcolor="#[0-9A-Fa-f]{6}"> \</td\>
Then, you can filter that data again with (or use a group option, depends on what language as to which is more convenient):
[0-9A-Fa-f]{6}
That is, if you want to use regex (don't shoot me, the question is what regular expression can I use for this)

Answer 3

if you must use regex, here is a demo using Ruby's irb:
>> %Q{
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Yellow">Yellow</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFFF00">#FFFF00</a></td>
<td bgcolor="#FFFF00"> </td>
<td align="left">Shades</td>
<td align="left">Mix</td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=YellowGreen">YellowGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=9ACD32">#9ACD32</a></td>
<td bgcolor="#9ACD32"> </td>
<td align="left">Shades</td>
<td align="left">Mix</td>
</tr>
}.scan(/<td[^>]*> <\/td>/).map {|s| s[/#([a-f0-9]+)/i, 1]}
=> ["FFFF00", "9ACD32"]

Answer 4

I wouldn't parse HTML with regex's either, but if I did I'd do it like this ;)
var html = '<tr>\n<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Yellow">Yellow</a> </td>\n<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFFF00">#FFFF00</a></td>\n<td bgcolor="#FFFF00"> </td>\n<td align="left">Shades</td>\n<td align="left">Mix</td>\n</tr>\n\n\n<tr>\n<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=YellowGreen">YellowGreen</a> </td>\n<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=9ACD32">#9ACD32</a></td>\n<td bgcolor="#9ACD32"> </td>\n<td align="left">Shades</td>\n<td align="left">Mix</td>\n</tr>'
.split('\n'),
colors = [],
i, l,
match;
for(i = 0, l = html.length; i < l; i++) {
if(match = /<td bgcolor="#([\da-fA-F]{6})"> <\/td>/.exec(html[i])) {
colors.push(match[1]);
}
}
console.log(colors);