【jQuery属性筛选选择器如何使用】教程文章相关的互联网学习教程文章

本机javascript相当于jQuery:contains()选择器【代码】

我正在编写一个UserScript,它将从包含特定字符串的页面中删除元素. 如果我正确理解jQuery的contains()函数,它似乎是正确的工具. 不幸的是,由于我将运行UserScript的页面不使用jQuery,我不能使用:contains().你们中任何一个可爱的人都知道这样做的本土方式是什么? http://codepen.io/coulbourne/pen/olerh解决方法:这应该在现代浏览器中做到:function contains(selector, text) {var elements = document.querySelectorAll(selec...

javascript – 如何从jQuery对象中获取选择器【代码】

$("*").click(function(){$(this); // how can I get selector from $(this) ? });有没有一种从$(this)中获取选择器的简单方法?有一种方法可以通过选择器选择元素,但是从元素中获取选择器呢?解决方法:好吧,所以在上面的评论中,提问者Fidilip说他/她真正想要的是获得当前元素的路径. 这是一个脚本,它将“爬”到DOM祖先树,然后构建相当具体的选择器,包括所单击项目上的任何id或class属性. 看到它在jsFiddle:http://jsfiddle.net/J...

javascript – jQuery id选择器仅适用于第一个元素【代码】

我有3个具有相同ID的按钮,我需要在单击时获取每个按钮值.<button id="xyz" type="button" class="btn btn-primary" value="1">XYZ1</button> <button id="xyz" type="button" class="btn btn-primary" value="2">XYZ2</button> <button id="xyz" type="button" class="btn btn-primary" value="3">XYZ3</button>这是我目前的jQuery脚本:$("#xyz").click(function(){var xyz = $(this).val();alert(xyz); });但它只适用于第一个按钮...

javascript – 是否可以将jquery调用绑定到两个CSS选择器?【代码】

我想将mouseout调用绑定到两个CSS选择器,这样如果我将鼠标从一个和另一个元素移动,那么我会调用其他东西.这甚至可能吗?解决方法:你可以使用类似的东西$("#selector1, #selector2").bind("mouseout", function(){// code goes here });阅读Multiple Selector (“selector1, selector2, selectorN”)

javascript – Point-n-Click JQuery选择器生成器?

是否有任何插件或其他工具可以让我指向网页上的元素并返回jquery(或css)选择器查询? 我正在寻找非技术人员可以使用的东西,以便他们可以“突出显示”页面项目,然后获取适当的jquery语句以“正确”导航到该元素 – 那里存在的任何东西?解决方法:Firefox的Firebug和Chrome的检查工具都具有此功能.只需右键单击 – >检查,它就会列出一个CSS选择器结构.

javascript – Jquery选择器不起作用【代码】

代码<script type="text/javascript" src="jquery/jquery-1.8.0.js"></script> <script type="text/javascript"> $(document).ready(function() { alert("Hello!"); }); $(".demo").click(function() { alert("I am demo"); }); </script> <body> <button class="demo">click me</button> </body> 第一个你好!没关系,但我演示不了?有什么事吗? 类似的问题jquery each selector doesnt work解决方法:您的单击...

javascript – jQuery选择器帮助获取几个组的最后一个元素?【代码】

我有这种类型的HTML<div id='foo'><ol><li><a/><a/><ol><li><a/><a/><a/></li></ol></li><li><a/><a/><ol><li><a/><a/><a/></li></ol></li><li><a/><a/><ol><li><a/><a/><a/></li></ol></li></ol> </div>如何在每个第一级’li’中选择最后一个’a’标记?我尝试使用:最后但我只得到最后一个’a’.注意我不希望嵌套在’ol’中的’a’元素嵌套. I.E.选择器应该产生3’a’标签.任何提示或示例都会很棒!谢谢.解决方法:$(‘#foo> ol> ...

javascript – 为什么属性选择器不能使用jQuery?【代码】

我试图获取所有具有data-maxlength的元素,并使用属性中的任何值.然后,每次文本输入或textarea的值发生变化时,我想在工具提示中显示输入的长度以及Bootstrap工具提示中的maxlength值(x / 250个字符). 当我输入输入时,没有任何反应,没有工具提示,没有错误.甚至我的console.log消息都没有出现在控制台中.这段代码有什么问题? jQuery / JS:$(document).ready(function(){$('[data-maxlength]').find().each(function(){console.log('...

javascript – 选项标记值属性的jQuery选择器返回null【代码】

我试图用jQuery更改选择下拉框中的选定选项.我设置它,以便它在URL的末尾找到哈希标记,并根据该哈希标记更改选择框中的选定选项. 我的大部分代码都是有用的,它成功找到了hash标记并执行了与之对应的if语句.但是,当它转到选项的选择器(它使用基于option标签的value属性的属性选择器)时,它执行语句的“then”部分时,它返回null.如果用firebug计算出来,在控制台中它表示选择器为空. 这是我的代码:$(document).ready(function() {var $...

javascript – 如何在jQuery中的选择器返回的值上进行foldl?【代码】

说我有一些HTML元素:<div>First</div> <div>Second</div> <div>Third</div>我选择的内容是:$('div').text();如何对元素进行“foldl”操作(迭代,累积结果),例如使用换行符连接它们?$('div').text().foldl('', function(){ ... join_or_whatever ... })解决方法:根据folding上的维基百科文章,JavaScript的Array.reduce()(用于foldl)和Array.reduceRight()(用于foldr)函数提供了数组折叠. 所以你的具体任务变成:var result = $.ma...

javascript – IE9中的jQuery选择器’:not()’或方法’.not()’行为【代码】

以下代码片段使用chrome 23,firefox 3.5和IE9进行了测试:<!DOCTYPE html> <html><head><title>test</title><script src="jquery-1.7.2.min.js"></script><script>$(function() {$('#id1 *').not('.c1 *').attr('disabled', true);});</script> </head><body><div id="id1"><div class="c1"><input type=radio>td1</input></div><div class="c2"><input type=radio>td2</input></div></div> </body></html>只应禁用td2,但通常的嫌疑...

javascript – 修改DOM 后jQuery选择器无法正常工作【代码】

参见英文答案 > Events triggered by dynamically generated element are not captured by event handler 5个> How to create click event for specific link in a jQuery listview. 6个我有一个选定的公司列表,如下所示:<div id="selected_companies"><div class="company"><a><div class="delete_company"></div>Company One</a></div><div ...

javascript – .click()使用document.getElementById,但不使用jquery选择器【代码】

这有效:$(function() {document.getElementById('click').click(); });这不是:$(function() {$('#click').click(); });为什么? 编辑:(为了完整起见;已达成答案):$(function() {$('#click').trigger('click') });也失败了解决方法:Why?因为jquery click方法接受将在单击时调用的处理程序. 但是,DOM click方法模拟了click方法本身. 你需要$('#click')[0].click();或触发它$('#click').trigger('click') $('#click').click(); 最后...

javascript – 如何使用JQuery在选择器中使用HTML属性的“substring或contains”来查找元素?【代码】

如何在选择器中使用HTML属性值的子字符串查找元素? 我试图找到div是否包含带有字母“S”的docnumber startes的输入alert($("#forbDokProd").find(".dokMalProd input[name='check2'] [data-doknumber*='S'").length > 0) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <div id="doc" class="docParent"><input type="checkbox" name="check2" class="ballu" value="123" data-docnu...

javascript – jQuery选择器的性能【代码】

HTML标记:<div><a id="foo"> </a></div>jQuery的:$('div').each(function(){$('#foo', this).dosmth(); // 1$('#foo').dosmth(); // 2});运行dosmth哪种方法会更快?解决方法:由于我们得到了各种各样的答案,希望这里有一些清晰度(check the examples here): >最快 – 没有必要循环.跳过$(“div”).每个部分只做$(“#foo”). foo是一个ID,因此查找是即时的.>中等 – 循环中的$(“#foo”).请注意,您也不希望这样,因为它将为...