如何从包含HTML代码和许多UL标签及其ID的JavaScript变量A中获取<UL> ID

how to get the <ul> id from the javascript variable a which contains the html code and many ul tags and their ids

本文关键字：UL ID 变量 JavaScript 获取 HTML 包含 代码 标签 许多      更新时间：2024-05-25
var a="<input type="text" name="selRedencontact" id="selRedencontact"  />
<ul id="Redencontactmenu" class="mcdropdown_menu" style="z-index: 997 !important">
<input type="text" name="selRedencontact" id="selRedencontact"  />
<ul id="sRedencontactmenu" class="mcdropdown_menu" style="z-index: 997 !important">
<input type="text" name="selRedencontact" id="selRedencontact"  />
<ul id="tRedencontactmenu" class="mcdropdown_menu" style="z-index: 997 !important">";

如何从包含上述代码和许多 ul 标签及其 id 的 JavaScript 变量 A 中获取<ul> ID。

输出应为：(Redencontactmenu,sRedencontactmenu,tRedencontactmenu)

尝试了以下代码，但没有得到任何结果：

var elems = document.querySelectorAll('ul');
    for(var i = 0; i < elems.length; i++) {
        var elem = elems[i];
        alert(elem.innerHTML);
    }

在 HTML 中添加以下内容：

<input type="text" name="selRedencontact" id="selRedencontact"  />
<ul id="Redencontactmenu" class="mcdropdown_menu" style="z-index: 997 !important">
<input type="text" name="selRedencontact" id="selRedencontact"  />
<ul id="sRedencontactmenu" class="mcdropdown_menu" style="z-index: 997 !important">
<input type="text" name="selRedencontact" id="selRedencontact"  />
<ul id="tRedencontactmenu" class="mcdropdown_menu" style="z-index: 997 !important">

在你的 JavaScript 中：

var elems = document.querySelectorAll('ul');
for(var i = 0; i < elems.length; i++) {
    var elem = elems[i];
    alert(elem.id);
}

尝试：

var ptn = /<ul[^<]*'sid=(['|"])(.*?)'1/gi;
var ids = [];
while ((match = ptn.exec(str)) !== null) {
    ids.push(match[2]);
}

http://jsfiddle.net/rooseve/DAQwm/3/

你可以

使用 JQuery 库，并这样做： 

$('ul').each(function(i)
{
   var elem = $(this);
   alert(elem.attr('id')); // alert the Id
   // do whatever you want to the element
});

我认为这更易于使用：

var y = document.getElementsByTagName('ul').length;
for(var a=0; a<y; a++){
    alert(document.getElementsByTagName('ul')[a].id);
}
相关文章：