资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery匹配,jquery 选择

jQuery如何查找最近的匹配元素

一. 同级节点之间的检索(检索深度N=0)

成都创新互联公司是一家专注于网站制作、网站设计与策划设计,门头沟网站建设哪家好?成都创新互联公司做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:门头沟等地区。门头沟做网站价格咨询:13518219792

next()是在兄弟节点中,往后匹配;

prev()是在兄弟节点中,往前匹配。

二. 父级/子级节点的检索(检索深度N=1)

children()是在子节点中,往后匹配。

parent()是在父节点中,往前匹配。

ps:请注意了---子节点和父节点都是相邻的,深度为1的节点,也就是标题提到的检索深度为1

三. 后代节点的检索(检索深度N=1)

find()检索的是子代元素和后代元素,不会检索兄弟节点。

parents() 检索的是祖辈元素(包括父元素)的集合。

closest()检索的是最近的祖辈元素(一个)

ps:当往上级检索节点的时候,推荐使用closet,效率更高!

如果需要通过jquery匹配包含文本的元素,下面哪个选项正确 atext bcontains

$(":contains('First')");//这种是jquery内置的包含选择器,但是因为是包含,因此选择的内容只要包含“First”就会选中。另外一种通用的。用过滤函数。$('*').filter(function(index, el){ var childNodes = el.childNodes; return childNodes.length === 1 childNodes[0].nodeType === 3 childNodes[0].nodeValue === 'First';});但上面的这种方式只适合你这种情况,如果你的li元素像下面这样:First这是链接哦也是不行的。就是说,必须元素下只有文字,不再有其他元素。

jquery 匹配上一个元素是什么方法

jQuery 匹配上一个元素的方法是 prev() 。

如果给定一个表示 DOM 元素集合的 jQuery 对象,prev() 方法在 DOM 树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的 jQuery 对象。类似地,.next() 方法用以获得匹配元素集合中每个元素紧邻的后一个同辈元素。

1、语法:

.prev(selector)

功能:获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)

参数:selector 字符串值,包含用于匹配元素的选择器表达式。

2、示例:

$("p").prev(".selected");     // 检索每个段落,找到前一个类名为 "selected" 的同胞元素

jQuery精确匹配文本元素

自动化测试中,经常要是用js来模拟元素点击。

定位包含文本元素通常可以这样写。

如:$('a:contains(test)')[0].click()来实现

但会有一个问题,这样只能模糊匹配

比如,我有两个链接,一个叫test,一个叫autotest

这是就会出现问题,就会定位出两个元素

可以使用jeueqy的fliter或map方法来实现精确匹配

或者直接点击


分享名称:jquery匹配,jquery 选择
URL网址:http://cdkjz.cn/article/dsicoep.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220