元素定位表达式之模糊匹配

如果同一个位置的按钮出现属性值动态变化的,可以使用模糊匹配的定位方式

举例1:元素表达式如下

<span id="tooltip-si-cancel" ></span>

image

 <span id="tooltip-di-cancel" ></span>

image

<span id="tooltip-di-reactivate" ></span>

image

 定位表示可以写成如下形式:

$("span[id^='tooltip-'][id*='-cancel'] ix-button, span[id^='tooltip-'][id*='-reactivate'] ix-button")

其中,逗号, 分隔了两个独立的 CSS 选择器(表示“或”的关系,即满足其中任意一组即可),

我们可以把整个表达式拆解为:【选择器1】 , 【选择器2】

【选择器1】$("span[id^='tooltip-'][id*='-cancel']")表示span元素的id属性是以字符'tooltip-'开头,并且包含'-cancel'

【选择器2】$("span[id^='tooltip-'][id*='-reactivate']")表示span元素的id属性是以字符'tooltip-'开头,并且包含'-reactivate'

image

 

posted @ 2026-10-13 16:59  阿昭  阅读(4)  评论(0)    收藏  举报