如何编写一个正则表达式来匹配html中的第一个div或第二个div如果第一个div中没有​​匹配

Question

我需要编写一个正则表达式，它将在html中查找带有ID="test1"的div元素，如果它不找到它只有它应该寻找div元素与ID="test2"

eg

<div id="test1"> 
some stuff inside test1 
</div> 

<div id="test2"> 
some stuff inside test2 
</div> 

如果div id="test1"存在，那么我需要文本“test1里面的一些东西”。如果没有使用id="test1"的div，那么它应该与id="test2"一起显示div，并将“test2”中的文本显示在“test2内的某些内容”中

Answer 1

可以在页面加载后完成吗？喜欢，用Javascript？如果它没有被预先处理，你能做到像这样：（jQuery的）

$(document).ready(function(){ 

    // does test1 exist? 
    if($("#test1").length > 0){ 
    $("#test1").html("some stuff goes in here"); 
    } 

    // does test2 exist? 
    if($("#test2").length > 0){ 
    $("#test2").html("some stuff goes in here"); 
    } 

}); 

如果不工作，你可以尝试做一个字符串搜索任何一种语言，你使用在输出HTML之前。

Answer 2

只是想知道，为什么不做以下？

var returnVal; 
if(document.getElementById("test1")) 
    returnVal = document.getElementById("test1").innerHTML; 
else if (document.getElementById("test2")) 
    returnVal = document.getElementById("test2").innerHTML; 
else 
    returnVal = "no value found"; 

但尽管如此，如果你想通过类似的正则表达式的东西是可能的：

var divs = document.body.innerHTML, returnVal = "", ids = new Array(); 
ids.push("test1"); 
ids.push("test2"); 
    for (var i = 0; i < ids.length; i++) { 
     var toBeFound = "<div(.*?)id=(\"|\')" + ids[i] + "(\"|\')(.*?)>"; 
     var newRegex = new RegExp(toBeFound, "i"); 
     var match = divs.match(newRegex); 
     if (match.length > 0) { 
      returnVal += document.getElementById(ids[i]).innerHTML + ","; 
     } 
    } 

此代码扫描所有文件。对于ids数组中提供的每个id，代码将搜索具有当前数组元素的id的div。如果它会找到，那么它将在returnVal字符串中添加相关div的innerHTML，并且每个值都将用逗号分隔。不过，我强烈推荐第一个代码。