程序设计 jquery-selectors

6

我试过了 $(":input:not(input[type=button],input[type=submit],button):visible:first") 但找不到任何东西。我怎么了 UPD：我在$（document）.load（）上执行此操作 <script type="text/javascript"> $(window).load(function () { var aspForm = $("form#aspnetForm"); var firstInput = $(":input:not(input[type=button],input[type=submit],button):visible:first", aspForm); firstInput.focus(); }); </script> 在调试中，我可以看到firstInput为空。 UPD2：我在Sharepoint下运行的ASP.NET页面中。到目前为止，我发现对于某些元素，确实可以找到它们（对于固定的元素），对于某些则找不到。:(

87 jquery input jquery-selectors

7

如何从表格单元格（td）获取相应的表格标题（th）？

给定下表，我如何为每个td元素获取相应的表头？ <table> <thead> <tr> <th id="name">Name</th> <th id="address">Address</th> </tr> </thead> <tbody> <tr> <td>Bob</td> <td>1 High Street</td> </tr> </tbody> </table> 鉴于我目前已有任何td可用的元素，我如何找到对应的th元素？ var $td = IveGotThisCovered(); var $th = GetTableHeader($td);

86 jquery jquery-selectors

6

jQuery查找并替换字符串

我在网站上的某个地方有一个特定的文本，例如“ lollypops”，我想用“ marshmellows”替换所有出现的字符串。问题是我不知道确切的文本在哪里。我知道我可以做类似的事情： $(body).html($(body).html().replace('lollypops', 'marshmellows')); 这可能会起作用，但是我需要尽可能少地重写HTML，所以我在想类似的东西：搜索字符串找到最接近的父元素仅重写最接近的父元素甚至在属性中替换它，但不是全部替换，例如，在中替换它class，但不在src 例如，我将具有这样的结构 <body> <div> <div> <p> <h1> <a>lollypops</a> </h1> </p> <span>lollypops</span> </div> </div> <p> <span class="lollypops">Hello, World!</span> <img src="/lollypops.jpg" alt="Cool image" /> </p> <body> 在此示例中，每次出现的“棒棒糖”都将被替换，仅<img src="...会保持不变，而实际上将被操纵的唯一元素将是，<a>并且都为<span>s。有人知道怎么做这个吗？

86 javascript jquery jquery-selectors

13

jQuery-如何根据值选择下拉项

我想将一个下拉列表（选择）设置为基于条目的值进行更改。我有 <select id="mySelect"> <option value="ps">Please Select</option> <option value="ab">Fred</option> <option value="fg">George</option> <option value="ac">Dave</option> </select> 而且我知道我想更改下拉菜单，以便选择值为“ fg”的选项。如何使用JQuery做到这一点？

85 javascript jquery select jquery-selectors

3

jQuery选择器中的冒号的目的是什么？

我已经开始使用Wijmo工具包，并且在其文档页面中遇到了很多与此类似的选择器示例： $(":input[type='radio']").wijradio(); 我会这样写我的： $('input[type=radio]').wijradio(); 这些都一样吗？或者我缺少什么？请注意，上面有两个区别：第一个选择器以冒号作为前缀，并为输入类型加引号。

84 jquery jquery-selectors

15

jQuery scrollTop在Chrome中不起作用，但在Firefox中起作用

我使用scrollTopjQuery中的函数导航到顶部，但是奇怪的是，在进行了一些更改后，“平滑动画滚动”在Safari和Chrome中停止工作（滚动时没有平滑动画）。但是它在Firefox中仍然可以正常运行。有什么事吗这是我使用的jQuery函数， jQuery的： $('a#gotop').click(function() { $("html").animate({ scrollTop: 0 }, "slow"); //alert('Animation complete.'); //return false; }); 的HTML <a id="gotop" href="#">Go Top </a> 的CSS #gotop { cursor: pointer; position: relative; float: right; right: 20px; /*top:0px;*/ }

80 jquery jquery-ui jquery-selectors

4

使用jQuery获取选定的选项ID

我正在尝试使用jQuery根据选定的选项发出ajax请求。有没有一种简单的方法来使用jQuery检索选定的选项ID（例如“ id2”）？ <select id="my_select"> <option value="o1" id="id1">Option1</option> <option value="o2" id="id2">Option2</option> </select> $("#my_select").change(function() { //do something with the id of the selected option });

80 jquery dom jquery-selectors

3

jQuery-多个：not选择器

我正在尝试定位不以'＃'开头并且不包含嵌入式javascript的页面范围的链接，但是我在确定如何正确构造选择器时遇到问题。根据我搜索过的关于多个选择器的信息，这应该可以工作，两个选择器都可以独立工作，而不是一起工作！ $('a:not([href*=javascript]), a:not([href^=#])') .each(function(){...

79 jquery jquery-selectors

1

jQuery查找以字符串开头的所有ID？

只是想知道我将如何搜索整个页面中以“ content_”开头的所有id，以及如何仅在名为“ extra_content”的命名div中查找它们。一旦我有了所有的ID，我想隐藏它们。以下是我要查找的示例。 <div id="content_1"></div> <-- Find <div id="content_2"></div> <-- Find <div id="contet_3"></div> <div id="extra_content"> <div id="content_extra_1"></div> <-- Find <div id="content_extra_2"></div> < -- Find </div> 例子会有所帮助。谢谢

78 jquery jquery-selectors

3

寻找下一个匹配兄弟姐妹的高效，简洁方法？

坚持使用官方jQuery API，是否有更简洁但效率不低的方法来查找与给定选择器匹配的元素的下一个同级对象，而不是nextAll与:first伪类一起使用？当我说官方API时，我的意思是不入侵内部结构，直接前往Sizzle，在组合中添加插件等。（如果我最终不得不这样做，那就是这样，但这不是这个问题。）例如，鉴于此结构： <div>One</div> <div class='foo'>Two</div> <div>Three</div> <div class='foo'>Four</div> <div>Five</div> <div>Six</div> <div>Seven</div> <div class='foo'>Eight</div> 如果我有一个divin this（也许在click处理程序中，无论如何）并且想要找到与选择器“ div.foo”相匹配的下一个同级div，我可以这样做： var nextFoo = $(this).nextAll("div.foo:first"); ...并且可以正常工作（例如，如果我以“五个”开头，则跳过“六个”和“七个”并为我找到“八个”），但是它很笨拙，并且如果我要匹配任何一个中的第一个几个选择器，就会变得笨拙。（当然，这是一个很多更简洁比原始DOM循环将是...）我基本上想要： var nextFoo = $(this).nextMatching("div.foo"); ...nextMatching可以接受所有选择器我总是很惊讶next(selector)没有这样做，但是没有这么做，并且文档清楚其功能，所以... 我总是可以编写并添加它，尽管如果这样做并坚持使用已发布的API，事情将会变得非常低效。例如，一个朴素的next循环： jQuery.fn.nextMatching = function(selector) { var match; match = this.next(); while (match.length > 0 && !match.is(selector)) { match = …

77 jquery jquery-selectors

3

jQuery选择具有某个类的div，而该类没有其他类

<div class="fuu"> ... </div> <div class="fuu no"> ... </div> ... fuu除了具有.no班级的课程外，如何选择所有课程？

76 javascript jquery css jquery-selectors

2

在jQuery中处理多个ID

可以像代码中一样处理多个id吗？ <script> $("#segement1, #segement2, #segement3").hide() </script> <div id="segement1"/> <div id="segement2"/> <div id="segement3"/>

75 jquery jquery-selectors

6

在for循环中分配点击处理程序

我有几个div的#mydiv1，#mydiv2，#mydiv3，...和要指派点击处理对他们说： $(document).ready(function(){ for(var i = 0; i < 20; i++) { $('#question' + i).click( function(){ alert('you clicked ' + i); }); } }); 但是，我没有得到单击'you clicked 3'时的显示#mydiv3（就像其他所有单击一样）'you clicked 20'。我究竟做错了什么？

74 javascript jquery jquery-selectors closures

13

如果您的选择器对象无效，为什么jQuery不炸弹？

最近使用了一些类似的代码 $("#divMenuContainer:visible").hide("explode"); 但是，花了一些时间尝试使其工作后，我才意识到我的选择器正在引用一个不存在的div。查询的结果就是它没有执行。显然，这是设计使然，有人能解释为什么选择这种设计而不是提出某种例外的逻辑吗？不要试图批评只是试图理解。

73 javascript jquery jquery-selectors

7

在点击和输入时触发事件

我的网站上有一个搜索框。当前，用户必须单击框旁边的“提交”按钮才能通过jquery的帖子进行搜索。我想让用户也按Enter键进行搜索。我怎样才能做到这一点？ JQUERY： $('document').ready(function(){ $('#searchButton').click(function(){ var search = $('#usersSearch').val(); $.post('../searchusers.php',{search: search},function(response){ $('#userSearchResultsTable').html(response); }); }); }); HTML： <input type='text' id='usersSearch' /><input type='button' id='searchButton' value='search' />

73 jquery jquery-selectors

Questions tagged «jquery-selectors»