Question

我有一个小函数，它返回我的html路径

getDomPath = function(el) {
  var count, element, path, selector;
  count = void 0;
  element = void 0;
  path = void 0;
  selector = void 0;
  element = el;
  if (!(el instanceof Element)) {
    return;
  }
  path = [];
  while (el.nodeType === Node.ELEMENT_NODE && el.id !== "jobs") {
    selector = el.nodeName.toLowerCase();
    if (el.id) {
      selector += "#" + el.id;
    } else if (el.className) {
      selector += "." + el.className;
    } else {
      count = $(el).prevAll().length + 1;
      selector += ":nth-child(" + count + ")";
    }
    path.unshift(selector);
    el = el.parentNode;
  }
  return path.join(" > ");
};

效果很好，但有时我的代码标签有<style>或<title>。我如何在我的javascript函数中跳过这个标签，所以它不会把它们算作我的n-child？

对于前。我有以下代码

<table>
<sometag></sometag>
<tr>
<p>My paragraph here</p>
<tr>
</table>

因此我想成为这个功能的结果

table:nth-child(1) > tr:nth-child(1) > p:nth-child(1)

但我会得到

table:nth-child(1) > tr:nth-child(2) > p:nth-child(1)

因为脚本会计算所有以前的元素

Answer 1

感谢@JasonP，他说我可以按照以下方式做 count = $(el).prevAll(':not(sometag)').length + 1;

按指定名称忽略HTML标记

1 个答案: