jQuery Forum

Okay... I'd try this:

1. var str='<img src="images/1080.png" alt="HD 1080p" title="HD 1080p" width="30" height="21" />';
2. var alt = str.match( new RegExp(/alt="(.*?)"/) )[1];
3. document.write(alt);

I get what I want with that regex. So, I did this parser:

1. $.tablesorter.addParser({
2.       id: "img",
3.       is: function(s) {
4.             return false;
5.       },
6.       format: function(s) {
7.             var alt = s.match( new RegExp(/alt="(.*?)"/) )[1];
8.             return alt;
9.       },
10.       type: "text"
11. });

I call it this way:

1. $("#listado").tablesorter({
2.       headers:{
3.             1:{ sorter: "img" }
4.       }
5. });

All tablesorter stop working when I add this parser. But if I remove the "[1]" from the match, works again; but ofcourse, I don't get what I want.

What am I doing wrong?

I had the same question... i fixed it by doing this: This way. if a column contains an image the alt is parsed.

Had the same question as well but last answer was partially working for me, as i had other columns with both text and images and it was always parsing the image data.
But this actually worked out for me :

        $.tablesorter.addParser({
              id: 'img_alt',
              is: function(s, table, cell) {
                    return false;
              },
              format: function(s, table, cell, cellIndex) {
                      var $cell = $(cell);
                      // in my case, img-alt data attribute should be parsed only for the 3rd column
                      if (cellIndex === 2) {
                            return $cell.find('img').attr('alt') || s;
                      } else
                      // just in case
                      return s;
            },
            type: 'text'
        });