大佬教程收集整理的这篇文章主要介绍了jquery – 获取选择器的元素路径，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
$('a').click(function(){
var SELEctor = $(this).dompath();
});
HTML：
html
body
div
div /div
/div
ul
li
li
/ul
div
ul
li
li
li Hello world
/ul
/div
body
html
这将返回类似的东西
path = html body div ul li:contains('Hello world')
然后我可以在选择器中使用它来选择这个div,所以如果我喜欢
$(path).text() would return "Hello world"
非常感谢！
function dompath( element ) { var path = ''; for ( ; element && element.nodeType == 1; element = element.parentNode ) { var inner = $(element).children().length == 0 ? $(element).text() : ''; var eleSELEctor = element.tagName.toLowerCase() + ((inner.length > 0) ? ':contains(\'' + inner + '\')' : ''); path = ' ' + eleSELEctor + path; } return path; }
这修改了另一个问题的方法,只有当标签没有子标签时才通过：contains()运算符添加标签的全文内容.
我用这种方法测试过：
$(document).ready(function(){ $('#p').click(function() { console.log(dompath(this)); }); });
反对这个：
<html>
<body>
<div>
<div> </div>
</div>
<ul>
<li></li>
<li></li>
</ul>
<div>
<ul>
<li id="p">hi</li>
<li></li>
<li id="p2">Hello world</li>
</ul>
</div>
<body>
<html>
单击p的结果然后输出为：
以上是大佬教程为你收集整理的jquery – 获取选择器的元素路径全部内容，希望文章能够帮你解决jquery – 获取选择器的元素路径所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。