Question

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

注意：$input的初始值是div块，如下例所示：

<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 />' ;
 }

Answer 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>

Answer 2

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

那就是说，你可以改为解析DOM。如果您在元素中包含HTML，则可以使用querySelectorAll("[href]")查找具有href属性的元素并循环显示它们。同样，使用querySelectorAll(".title")可以更可靠地找到“标题”元素。

如何使用类似于PHP的preg_match_all（）的javascript提取href =和title值？

2 个答案: