Javascript 锚文本或标题属性的JQuery筛选器
我正在尝试过滤标题或锚文本,以便例如“lala2”或“text2”或“2”将切换其他内容(本例中为1)…我希望不包含该字符串的锚消失Javascript 锚文本或标题属性的JQuery筛选器,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试过滤标题或锚文本,以便例如“lala2”或“text2”或“2”将切换其他内容(本例中为1)…我希望不包含该字符串的锚消失 <input id="myInput" type="text" placeholder="Search.."> <div id="myList"> <a class="someclass" title="title text lalalala1" href="blah.com">some anchor text1</
<input id="myInput" type="text" placeholder="Search..">
<div id="myList">
<a class="someclass" title="title text lalalala1" href="blah.com">some anchor text1</a>
<a class="someclass" title="title text lalalala2" href="blah2.com">some anchor text2</a>
etc
</div>
尝试:
筛选此.title
$("#myList a, #myList a[title]").filter(function()
带和不带$(this.toggle.parent()
还有其他一些事情。
它适用于锚定中的文本,即切换不包含“值”的锚定,但无法同时对锚定标题属性和直接锚定文本进行切换。更改:
•
keyup→ 输入
,它的工作方式更容易预测-即使您一次按多个键,也可用于复制粘贴。
•
过滤器→ 每个
-只需要任何循环,但不需要筛选元素列表。
•
$(this).text().toLowerCase()
-在text()中添加了括号-这是一个jQuery函数。
•
includes()
-本机JavaScript字符串方法。检查一个字符串是否包含另一个字符串。如果您只想检查,而不想获取它的索引,那么最好使用它。返回true
或false
•
|
-在布尔表达式中表示“或”(顺便说一下,&&
-“和”)
$(“#myInput”)。在(“input”,function()上{
var value=$(this.val().toLowerCase();
$(“#myList a”)。每个(函数(){
$(此).toggle(
$(this).text().toLowerCase().includes(值)||
$(this).attr('title').toLowerCase().includes(value)
);
});
});代码>
等
也许可以用这种方式来代替?太棒了,正是我们需要的,解释得很好。非常感谢。
$("#myList a, #myList a[title]").filter(function()