0

我得到了一个 HTML 字符串作为 :var 代码；我想提取类似于使用 PHP 的 href 和 title 的所有值preg_match_all()。我在 PHP 中做了类似的事情，但想知道如何在 JavaScript 中做到这一点，并将数组中的所有 href 和 title 值作为 PHP 示例？

注意：初始值为$inputdiv 块，如下例所示：

<div class="up"  rel="1234" id="up1234" style="float:right">
<div class="pic" style='border:3px solid #cacaca' >
 <a href="/episode 14" title="episode 14">
    <img src="images/image14.jpg" alt="watch episode 14"  />
 </a> 
</div>
<a href="/episode 14" title="episode 14 "class="title">watch episode 14</a> 
<div class="data" style="height:auto">watch episode 14 </div>
<center>
 <a href="episode14" title="episode 14" class="data" id="play_me1234">
 <img src="/images/image14.jpg" alt="watch episode 14"/>
 </a>
</center>
    </div>

preg_match_all('#href\s*=\s*"(.*)"#siU', $input, $foo1);
preg_match_all("#class=\"title\">([^<]+)</a>#", $input, $foo2);

$i = -1;
$foo1[1] = array_unique($foo1[1]);
 foreach($foo1[1] as $k => $v ){
  //echo $v;


 $i++;
echo '<a href="./doit.php?Id='.$v.'&title='.$foo2[1][$i].'"> '.$foo2[1][$i].' </a> <br />' ;
 }
4

2 回答 2

1 
<script type="text/javascript">
    var pattern = /<a href="([^"]+?)" title="[^"]+?" class="title">([^<]+?)<\/a>/gi;
    code = code.match(pattern);
    for (i = 0; i < code.length; i++) {
        document.write(code[i].replace(pattern, '<a href="./doit.php?Id=$1&title=$2">$2</a><br />'));
    }
</script>
于 2012-12-07T04:36:46.517 回答
0

你想用code.match(/your regex here/g). g修饰符改变了match行为方式，使其返回一个完整匹配的数组，而不是只返回第一个匹配，代价是丢失子模式。您可以通过再次将匹配项与正则表达式匹配来恢复它们的子模式，但这次没有修饰符。

也就是说，您可以只解析 DOM。如果元素中有 HTML，则可以使用它querySelectorAll("[href]")来查找具有href属性的元素并循环遍历它们。同样，用于querySelectorAll(".title")更可靠地查找“标题”元素。

于 2012-12-07T03:18:25.587 回答