jquery 是否使用“getElementById”检索多个元素?

fykwrbwg  于 2022-11-03  发布在  jQuery
关注(0)|答案(2)|浏览(205)

我已经尝试过使用inthesequestions中提到的技术,但是没有任何运气。我正在尝试调整一个JavaScript函数,以便使用getElementById方法检索多个div。
下面是函数中的当前代码行,它检索div #cat1

var elem = document.getElementById(cat1);

接下来,我还需要这个函数来检索div #cat2
如果有更好的方法可以使用他们的库来完成这一点,jQuery可以被加载吗?
以下是完整功能(* 参考第3行 *):

function getCategories(initial) {
  var i;
  var elem = document.getElementById('cat1');
  if (initial == 1) {
  jsonGroups = "";
  jsonGroups = '{ xml: [], "pin": [] ';
  for (i = 0; i < elem.childNodes.length; i++) {
    if (elem.childNodes[i].nodeName == "LI") {
      jsonGroups = jsonGroups + ',  "' + elem.childNodes[i].attributes.getNamedItem("id").value + '": [] ';
    }
  }
  jsonGroups = jsonGroups + "}";
  markerGroups = eval('(' + jsonGroups + ')');

for (i = 0; i < elem.childNodes.length; i++) {
      if (elem.childNodes[i].nodeName == "LI") {
        var elemID = elem.childNodes[i].attributes.getNamedItem("id").value;
        if (elemID != "user") {
          elem.childNodes[i].innerHTML = "<a onclick='" + 'toggleGroup("' + elemID + '")' + "'>" + elem.childNodes[i].innerHTML + "</a>";
        } else {
          elem.childNodes[i].innerHTML = '<form id="userPOIForm" action="#" onsubmit="userPOIFind(this.userPOI.value); return false"><input id="userPOITxt" size="20" name="userPOI" value="' + elem.childNodes[i].innerHTML + '" type="text"><input id="userPOIButton" value="Go" type="submit"> </form>';

        }
        if (hasClass(elem.childNodes[i], "hidden") !== null) {
          elem.childNodes[i].setAttribute("caption", "hidden");
        } else {
          elem.childNodes[i].setAttribute("caption", "");
        }
        if (elem.childNodes[i].attributes.getNamedItem("caption").value != "hidden") {
          classAdder = document.getElementById(elemID);
          addClass(classAdder, "visibleLayer");
        }
      }
    }
  }
  for (i = 0; i < elem.childNodes.length; i++) {
    if (elem.childNodes[i].nodeName == "LI") {
        var catType = elem.childNodes[i].attributes.getNamedItem("id").value;

      result = doSearch(elem.childNodes[i].attributes.getNamedItem("title").value, elem.childNodes[i].attributes.getNamedItem("id").value);
    }
  }
}
dohp0rv5

dohp0rv51#

如果您尝试选择所有idcat开头的元素,您可以在jQuery中这样做:

$("[id^=cat]")

jQuery: Attributes Starts With Selector

vs91vp4v

vs91vp4v2#

只需将categoriesList设为另一个参数,并调用该函数两次。

相关问题