RSS
热门关键字:  jquery  css  select input  asp jquery  用户注册
当前位置 :| 主页>JQuery实例/技巧>

jquery 选择器(selector)使用xpath

来源:cnjquery 作者:snake 时间:2008-10-07 Tag: 点击:
今天群里一个朋友问了一个关于xpath的问题,晚上回家小小整理一下 贴出来供大家以后参考
让你们只看不回呵呵

以下内容需要回复才能看到

比如下面html代码
    <ul>  
  1.   <li class="aaaa" title="ttt">li-1</li>  
  2.   <li class="bbbb">li-2</li>  
  3.   <li title="fffff">li-2</li>  
  4. </ul>  
  5. <<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=div">div</SPAN> class="aaaa" title="ttt">li-1</div>  
  6.  <div class="bbbb">li-2</div>  
  7.  <div title="fffff">li-2</div>  


---------------------------

第一种根据属性选择E[@attr]
$("[@title]").click()..........

即选择所有元素内 属性带有title的元素

<li class="aaaa" title="ttt">li-1</li>
<li title="fffff">li-2</li>
<div class="aaaa" title="ttt">li-1</div>
<div title="fffff">li-2</div>

$("div[@title]").click()..........

选择所有div标签下的所有带title的元素

<div class="aaaa" title="ttt">li-1</div>
<div title="fffff">li-2</div>

第二种根据属性值选择E[@attr=val]

$("div[@title=ttt]").click()................

选择div下所有title属性等于ttt的元素

<div class="aaaa" title="ttt">li-1</div>

如果是 $("[@title=ttt]").click()................

所有元素下属性title等于ttt的元素
<li class="aaaa" title="ttt">li-1</li>
<div class="aaaa" title="ttt">li-1</div>

第三种根据属性值开始字母选择E[@attr^=val]

$("div[@title^=t]").click()................

所有div元素下所有属性title值是以t为开头的元素


第三种根据属性值开始字母选择E[@attr$=val]

$("div[@title$=t]").click()................

所有div元素下所有属性title值是以t为结尾的元素

第三种根据属性值包含字母选择E[@attr*=val]

$("div[@title*=t]").click()................

所有div元素下所有属性title值是包含t的所有元素

第三种根据多个属性选择E[@attr=val][@attr=val]

$("div[@title=ttt][@class=aaaa]").click()................

所有div元素下所有属性title值是等于ttt并且属性class等于aaaa的元素

http://bbs.cnjquery.com/viewthread.php?tid=43&extra=page%3D1


最新评论共有 24 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册