正则表达式查找标签 ID 和内容 JavaScript

Question

嘿，我正在尝试用 javascript 中的正则表达式做一些非常具体的事情，而我的 regexp-foo 充其量是不稳定的。想知道是否有专业人士可以为我指出正确的方向。所以我有一些文本...

<item id="myid1">myitem1</item>
<item id="myid2">myitem2</item>

...等等

我想将其剥离到一个数组中读取 myid1, myitem1, myid2, myitem2, ....etc

永远不会有嵌套元素，因此不存在递归嵌套问题。有谁能快速解决这个问题吗？ 感谢您的帮助！

Answer 1

这是一个正则表达式，它将：

• 匹配开始和结束标签元素名称
• 提取 id 属性的值
• 提取标签的内部 html 内容

注意：
我懒得在这里匹配属性值。它需要用双引号括起来，并且属性名称与其值之间不需要有空格。

<([^\s]+).*?id="([^"]*?)".*?>(.+?)</\1>

在 javascript 中运行正则表达式将如下完成：

search = '<item id="item1">firstItem</item><item id="item2">secondItem</item>';
regex = new RegExp(/<([^\s]+).*?id="([^"]*?)".*?>(.+?)<\/\1>/gi);
matches = search.match(regex);
results = {};
for (i in matches) {
    parts = regex.exec(matches[i]);
    results[parts[2]] = parts[3];
}

最后，results 将是一个如下所示的对象：

{
    "item1": "firstItem",
    "item2": "secondItem"
}

YMMV if the;元素包含嵌套的 HTML。

Answer 2

如果有人真的喜欢或需要使用正则表达式通过 id 获取 HTML 标签（如问题主题中的），他可以使用我的代码：

function GetTagByIdUsingRegex(tag,id,html) {
    return new RegExp("<" + tag + "[^>]*id[\\s]?=[\\s]?['\"]" + id + "['\"][\\s\\S]*?<\/" + tag + ">").exec(html);
}

我还制作了一个通过类名获取元素的代码：

function GetTagByClassUsingRegex(tag,cls,html) {
    return new RegExp("<" + tag + "[^>]*class[\\s]?=[\\s]?['\"]" + cls + "[^'\"]*['\"][\\s\\S]*?<\/" + tag + ">").exec(html);
}

Answer 3

我总是使用这个网站来构建我的正则表达式：

http://www.pagecolumn.com/tool/ regtest.htm

这是我想出的正则表达式：

(<[^>]+>)([^<]+)(<[^>]+>)

这是页面为我提供的 JavaScript 结果

使用 RegExp 对象：

var str = "<item id="myid1">myitem1</item><item id="myid2">myitem2</item><ssdad<sdasda><>dfsf";
var re = new RegExp("(<[^>]+>)([^<]+)(<[^>]+>)", "g");
var myArray = str.match(re);

使用文字：

var myArray = str.match(/(<[^>]+>)([^<]+)(<[^>]+>)/g)

if ( myArray != null) {
    for ( i = 0; i < myArray.length; i++ ) { 
        var result = "myArray[" + i + "] = " + myArray[i];
    }
}

Answer 4

这是一个 xml 字符串。在我看来，XML 解析器似乎最适合此类任务。执行以下操作：

var items = document.getElementsByTagName("item") ; //<> use the parent element if document is not
var dataArray = [ ] ;

for(var n = 0 ; n < items.length ; n++) {

     var id = items[n].id ;
     var text = items[n].childNodes[0] ;

         dataArray.push(id,text) ;

}

---

如果您的问题是无法将 xml 字符串转换为 xml 对象，则必须事先使用 DOM 解析器：

var xmlString = "" ; //!! your xml string
var document = null ;

    if (window.ActiveXObject) { //!! for internet explorer

            document = new ActiveXObject("Microsoft.XMLDOM") ;
            document.async = "false" ;
            document.loadXML(xmlString) ;

    } else { //!! for everything else

        var parser = new DOMParser() ;
            document = parser.parseFromString(xmlString,"text/xml") ;

    }

然后使用上面的脚本。