<a href="http://www.abc.com/1000" target="_blank"><img alt="新款" src="http://www.abc.com/imgs/20110215101710.jpg" title="新款"/></a>如何用正则取a元素中的href,img中的alt,src,title值?

解决方案 »

  1.   

    试试这个<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    <script type="text/javascript">
    var html = '<a href="http://www.abc.com/1000" target="_blank"><img alt="新款" src="http://www.abc.com/imgs/20110215101710.jpg" title="新款"/></a>';
    var reg = /\s(\w+)="([^"]+)"/g;
    while(reg.exec(html))
    alert(RegExp.$1+"\r\n"+RegExp.$2);
    </script>
    </body>
    </html>
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>无标题文档</title>
    </head>
    <body>
    <script type="text/javascript">
    var html = '<a href="http://www.abc.com/1000" target="_blank"><img alt="新款" src="http://www.abc.com/imgs/20110215101710.jpg" title="新款"/></a>';
    var reg = /<a href=\"([^\"]+)\"[^>]+><img alt=\"([^\"]+)\" src=\"([^\"]+)\" title=\"([^\"]+)\"\/><\/a>/;alert(reg.test(html))
        alert(RegExp.$1+"\r\n"+RegExp.$2+"\r\n"+RegExp.$3+"\r\n"+RegExp.$4);
    </script>
    </body>
    </html>
      

  3.   

    试一试,JQ的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript" src="script/jquery-1.3.2.min.js"></script> 
    </head>
    <body>
    <a href="http://www.abc.com/1000" target="_blank"><img alt="New1" src="http://www.abc.com/imgs/20110215101710.jpg" title="New11"/></a>
    <a href="http://www.abc.com/1001" target="_blank"><img alt="New2" src="http://www.abc.com/imgs/20110215101711.jpg" title="New22"/></a>
    <a href="http://www.abc.com/1002" target="_blank"><img alt="New3" src="http://www.abc.com/imgs/20110215101712.jpg" title="New33"/></a>
    <a href="http://www.abc.com/1003" target="_blank"><img alt="New4" src="http://www.abc.com/imgs/20110215101713.jpg" title="New44"/></a>
    <a href="http://www.abc.com/1004" target="_blank"><img alt="New5" src="http://www.abc.com/imgs/20110215101714.jpg" title="New55"/></a>
    <a href="http://www.abc.com/1005" target="_blank"><img alt="New6" src="http://www.abc.com/imgs/20110215101715.jpg" title="New66"/></a>
    <a href="http://www.abc.com/1006" target="_blank"><img alt="New7" src="http://www.abc.com/imgs/20110215101716.jpg" title="New77"/></a>
    </body>
        <script type="text/javascript">
            $('a').each(function() {
                var ahref = $(this).attr('href');
                var imgAlt = $(this).children().eq(0).attr('alt');
                var imgScr = $(this).children().eq(0).attr('src');
                var imgTitle = $(this).children().eq(0).attr('title');
                alert(ahref);
                alert(imgAlt);
                alert(imgScr);
                alert(imgTitle);
            });
        </script>
    </html>
      

  4.   

    function getAttribute(key)
    {
       var str = '<a href="http://www.abc.com/1000" target="_blank"><img alt="新款" src="http://www.abc.com/imgs/20110215101710.jpg" title="新款"/></a>' 
       var regexStr =  key + "=(\'|\")(.+?)\\1";
       var regex = new RegExp(regexStr,"i")
       if(regex.test(str))
           return RegExp.$2
       return null; 
    }
    var href = getAttribute("alt")
    var alt  = getAttribute("alt")
    var src  = getAttribute("src")
    var title  = getAttribute("title")