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

Question

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

例如

<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，并且每个值将用逗号分隔。不过，我强烈推荐第一个代码。