我想知道如何使用JQuery选择器选择突出显示的文本.例如,要选择具有类的元素,请使用.class,对于ID,请使用#id. 我对突出显示的文本使用什么,以便可以(例如)隐藏它们: $(“突出显示的文本”).hide(); 什么是突出显示的文本选择器,以及如何隐藏突出显示的文本?解决方法:我相信这是您正在寻找的一个:text = window.getSelection().toString();DEMO 隐藏所选/突出显示的文本javascript 您必须从DOM获取Element的父级:function getSel...
我发现我需要完全支持jQuery不提供的DOM textNodes的选择器. jQuery忽略了文本节点,可能是因为大多数页面在各种浏览器可以区别对待的标签之间有大量不相关的空白. 关于文本节点的jQuery问题的大多数答案归结为使用.contents()函数,该函数返回所选项的所有子节点,包括文本节点 – 所有其他jQuery API忽略文本节点. 通常你不需要一些不能轻易建立起来的东西.contents()但我发现自己处于这样的境地. 我的用例是我想找到然后在我无法控...
我有这个代码: HTML<input type="text" data-value="1" data-type="input-records" placeholder="Value" pattern="\d{1,4}$" />CSSinput[type=text]:invalid { background-color: red; }使用Javascript$("[data-type=input-records]").die().live("keypress", function (e) {if (!($(this).val().length + 1) < 5) {e.preventDefault();return;}// More code below... });我想做这样的验证:if (!$(this).hasSelector(":invalid")...
我正在尝试解决谷歌地图中的棘手问题(api V3) 很好地工作:var map = new google.maps.Map(document.getElementById("map_container"), myOptions);如果我尝试使用jQuery选择器,则不起作用var map = new google.maps.Map($('#map_container'), myOptions);I made this EXAMPLE 先感谢您 干杯 佩德罗解决方法:它需要一个DOM元素,但$(‘#map_container’)返回一个jQuery对象.如果要使用jQuery选择器,请执行以下操作:var map = new g...
当涉及监视jQuery函数(例如绑定,单击等)时,很容易:spyOn($.fn, "bind");问题是当你想监视$(‘…’)并返回已定义的元素数组时. 在SO上阅读其他相关答案后尝试了一些事情:spyOn($.fn, "init").andReturn(elements); // works, but breaks stuff that uses jQuery selectors in afterEach(), etc spyOn($.fn, "merge").andReturn(elements); // merge function doesn't seem to exist in jQuery 1.9.1 spyOn($.fn, "val").andReturn...
我试图找出如何在选择器中使用变量.如果我在选择器中使用ID的实际值,它可以很好地工作.$(document).on("click",'.tag', function(){var data-id = $(this).attr('data-id');if($('div[data-id="540"]').hasClass("tag_current")) {$('div[data-id="540"]').removeClass("tag_current").addClass("tag");}$(this).toggleClass('tag tag_current'); });我检查了很多答案并以不同的方式尝试,但我仍然没有解决它.解决方法:基本字符串连...
我正在编写一个UserScript,它将从包含特定字符串的页面中删除元素. 如果我正确理解jQuery的contains()函数,它似乎是正确的工具. 不幸的是,由于我将运行UserScript的页面不使用jQuery,我不能使用:contains().你们中任何一个可爱的人都知道这样做的本土方式是什么? http://codepen.io/coulbourne/pen/olerh解决方法:这应该在现代浏览器中做到:function contains(selector, text) {var elements = document.querySelectorAll(selec...
$("*").click(function(){$(this); // how can I get selector from $(this) ? });有没有一种从$(this)中获取选择器的简单方法?有一种方法可以通过选择器选择元素,但是从元素中获取选择器呢?解决方法:好吧,所以在上面的评论中,提问者Fidilip说他/她真正想要的是获得当前元素的路径. 这是一个脚本,它将“爬”到DOM祖先树,然后构建相当具体的选择器,包括所单击项目上的任何id或class属性. 看到它在jsFiddle:http://jsfiddle.net/J...
我有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); });但它只适用于第一个按钮...
我想将mouseout调用绑定到两个CSS选择器,这样如果我将鼠标从一个和另一个元素移动,那么我会调用其他东西.这甚至可能吗?解决方法:你可以使用类似的东西$("#selector1, #selector2").bind("mouseout", function(){// code goes here });阅读Multiple Selector (“selector1, selector2, selectorN”)
是否有任何插件或其他工具可以让我指向网页上的元素并返回jquery(或css)选择器查询? 我正在寻找非技术人员可以使用的东西,以便他们可以“突出显示”页面项目,然后获取适当的jquery语句以“正确”导航到该元素 – 那里存在的任何东西?解决方法:Firefox的Firebug和Chrome的检查工具都具有此功能.只需右键单击 – >检查,它就会列出一个CSS选择器结构.
代码<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解决方法:您的单击...
我有这种类型的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> ...
我试图获取所有具有data-maxlength的元素,并使用属性中的任何值.然后,每次文本输入或textarea的值发生变化时,我想在工具提示中显示输入的长度以及Bootstrap工具提示中的maxlength值(x / 250个字符). 当我输入输入时,没有任何反应,没有工具提示,没有错误.甚至我的console.log消息都没有出现在控制台中.这段代码有什么问题? jQuery / JS:$(document).ready(function(){$('[data-maxlength]').find().each(function(){console.log('...
我试图用jQuery更改选择下拉框中的选定选项.我设置它,以便它在URL的末尾找到哈希标记,并根据该哈希标记更改选择框中的选定选项. 我的大部分代码都是有用的,它成功找到了hash标记并执行了与之对应的if语句.但是,当它转到选项的选择器(它使用基于option标签的value属性的属性选择器)时,它执行语句的“then”部分时,它返回null.如果用firebug计算出来,在控制台中它表示选择器为空. 这是我的代码:$(document).ready(function() {var $...