gpt4 book ai didi

jquery不区分大小写的根据数据查找方法

转载 作者:行者123 更新时间:2023-11-27 23:44:14 25 4
gpt4 key购买 nike

fiddle :http://jsfiddle.net/y790z6zq/

我想使用 jquery 的 find 方法基于数​​据属性进行不区分大小写的搜索。

这是 HTML:

    <body>
<div class="main">
<div>
<p data-Col="MyVal"> hkjhkjh</p>
</div>
<div data-Col="MyVAl"> some more text
</div>
</div>
<div class="main">
<div data-Col="myval"> some more text
</div>
<div >
<p data-Col="myval"> some more nesting</p>
</div>
</div>
</body>

&脚本:

var searchValue ="myval";

$(".main").find("[data-Col='" + searchValue + "']").css("background-color","red");

我可以将颜色设置为最后一个 div(大小写匹配),但其他的未被选中。

请帮助..提前致谢..

编辑:我也试过下面的脚本,但它没有用..

$(".main").filter(function() {    
return this.data("Col").toLowerCase() == searchValue.toLowerCase();
}).css("background-color","red");

最佳答案

你最近的尝试就快完成了,只是你在尝试过滤 .main 当你真的想过滤里面的段落时,先找到它们,然后过滤它们。

还尝试在 DOM 元素上调用 .data(),而您应该首先从中创建 jQuery 对象:

$(".main").find('[data-Col]').filter(function() {
return $(this).attr('data-Col').toLowerCase() == searchValue.toLowerCase();
}).css("background-color","red");

JSFiddle

没有不区分大小写的属性选择器。 ()。

关于jquery不区分大小写的根据数据查找方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30593383/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com