在日常开发中,我们经常会用到自定义属性,那么jQuery如何选择自定义属性为指定内容的元素呢?

示例HTML代码:


	<ul>
	    <li class="dd-item" data-nav-url="/a/getting-started/installation.html">
	        <a href="/a/getting-started/installation.html">
	            <i class="fa fa-check read-icon"></i>
	            <span><b></b>安装</span>
	        </a>
	    </li>
	    <li class="dd-item" data-nav-url="/a/getting-started/basic-usage.html">
	        <a href="/a/getting-started/basic-usage.html">
	            <i class="fa fa-check read-icon"></i>
	            <span><b></b>基本用法</span>
	        </a>
	    </li>
	    <li class="dd-item" data-nav-url="/a/getting-started/builds-and-modules.html">
	        <a href="/a/getting-started/builds-and-modules.html">
	            <i class="fa fa-check read-icon"></i>
	            <span><b></b>版本和模块</span>
	        </a>
	    </li>
	</ul>

如果我们想获取data-nav-url值为/a/getting-started/basic-usage.html的li,jQuery代码如下:


	var l = jQuery("li[data-nav-id='/a/getting-started/basic-usage.html']");