淘先锋技术网

首页 1 2 3 4 5 6 7

在使用jQuery进行操作时,有时需要查询所有包含某些特定字符的id。这时可以使用类似于CSS选择器的方式,即使用“^=”、”$=”、”*=”等属性选择器来进行查询。

jquery查询所有id包含

其中,“^=”表示查询以某字符串开头的id,“$=”表示查询以某字符串结尾的id,“*=”表示查询包含某字符串的id。如下面的代码所示:


$(document).ready(function(){
  // 查询以“example”开头的id,并将它们的背景颜色设为红色
  $('[id^="example"]').css('background-color', 'red');
  
  // 查询以“test”结尾的id,并将它们的背景颜色设为绿色
  $('[id$="test"]').css('background-color', 'green');
  
  // 查询包含“foo”字符的id,并将它们的背景颜色设为黄色
  $('[id*="foo"]').css('background-color', 'yellow');
});

上述代码中,使用了$()函数来选取所有匹配特定选择器的元素,并使用css()方法来对它们进行样式设置。如果需要执行其他操作,如添加、修改、删除元素等,也可以通过$()函数来选取相关元素,然后再使用相应的方法进行操作。