jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JQuery – 如何编写不区分大小写的“Attribute Contains”选择器?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试为YouTube编写用户脚本,该用户脚本将根据其标题选择页面上的所有视频,这些视频也会设置为缩略图图像的标题属性.

以下工作正常,但它区分大小写:

var videotitle = "the";

$('img[title*="'+videotitle+'"]').each(function() {

// stuff here

});

上面的选择器将匹配标题中带有“the”的任何视频,但不匹配“The”或“THE”.

我确实读过我可以使用.filter()以某种方式完成此操作,但我不确定它是如何工作的,我找不到一个能够成功适应我的场景的例子.

我尝试了类似这样的东西,基于我在StackOverflow上找到的一个例子,但它不起作用:

$('img[title]').filter(function(){return this.title.toLowerCase() == videotitlE}).each(function() {

// stuff here

});

解决方法

这是改编自Karl Swedburg关于’Attributes Contains SELEctor’的jQuery docs page的帖子.它使用RegEx和i不区分大小写的开关以及过滤功能

<img title="Star Wars"/>
<img title="Star Wars 2"/>
<img title="Star Wars 3"/>
<img title="BACk To The Future"/>

var videotitle = "star wars";
var re =  RegExp(videotitle,"i"); 
$('img[title]').filter(function() {
   return re.test(this.titlE);
}).each(function() {alert(this.titlE)});

应该提醒三部“星球大战”电影的名字.

演示 – http://jsfiddle.net/FKBTx/3

大佬总结

以上是大佬教程为你收集整理的JQuery – 如何编写不区分大小写的“Attribute Contains”选择器?全部内容,希望文章能够帮你解决JQuery – 如何编写不区分大小写的“Attribute Contains”选择器?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。