程序设计 jquery

9

给定一个具有零个或多个data-*属性的任意HTML元素，如何检索数据的键值对列表。例如： <div id='prod' data-id='10' data-cat='toy' data-cid='42'>blah</div> 我希望能够以编程方式检索此： { "id":10, "cat":"toy", "cid":42 } 使用jQuery（v1.4.3），$.data()如果事先知道键，则使用访问数据的单个位很简单，但是使用任意数据集如何做到这一点并不明显。我正在寻找一种“简单的” jQuery解决方案（如果存在），但不介意采用较低级别的方法。我可以尝试解析，$('#prod').attributes但是缺少javascript-fu会让我失望。更新 customdata可以满足我的需求。但是，仅将jQuery插件的一部分功能包括在内似乎太过分了。盯着源代码可以帮助我修复自己的代码（并改进了javascript-fu）。这是我想出的解决方案： function getDataAttributes(node) { var d = {}, re_dataAttr = /^data\-(.+)$/; $.each(node.get(0).attributes, function(index, attr) { if (re_dataAttr.test(attr.nodeName)) { var key = attr.nodeName.match(re_dataAttr)[1]; d[key] = attr.nodeValue; } }); return d; } 更新2 …

150 javascript jquery html attributes

16

如何使用jQuery启用或禁用锚点？

150 jquery html anchor

13

如何获取jQuery中元素的第n级父级？

例如，当我想获取元素的三级父级时，$('#element').parent().parent().parent()是否需要为此编写更好的方法？

150 javascript jquery parent

1

如何合并两个jQuery结果

如何合并两个jQuery搜索结果？例如： var $allFoos = $('.foo'), $allBars = $('.bar') $allFoosAndBars = $allFoos + $allBars; 显然，我只是弥补了最后一行，但我希望它能使我的意思清楚一些。需要明确的是，该示例被大大简化，这可能是我说的任意集，所以$('.foo, .bar')是不是我后。

150 jquery

22

将st，nd，rd和th（普通）后缀添加到数字

我想根据当前日期动态生成文本字符串。因此，例如，如果是第一天，那么我希望我的代码生成=“ Its <dynamic> 1 * <dynamic string> st </ dynamic string> * </ dynamic>”。总共有12天，因此我执行了以下操作：我设置了一个for循环，该循环循环了12天。在我的html中，我为我的元素指定了一个唯一的ID作为目标，请参见下文： <h1 id="dynamicTitle" class="CustomFont leftHeading shadow">On The <span></span> <em>of rest of generic text</em></h1> 然后，在我的for循环中，我有以下代码： $("#dynamicTitle span").html(i); var day = i; if (day == 1) { day = i + "st"; } else if (day …

150 javascript jquery numbers

8

如何使元素单击（针对整个文档）？

我想在单击的HTML文档中获取当前元素（无论是哪个元素）。我在用： $(document).click(function () { alert($(this).text()); }); 但是非常奇怪的是，我得到了整个文档的文本，而不是单击的元素。如何仅获取我单击的元素？例 <body> <div class="myclass">test</div> <p>asdfasfasf</p> </body> 如果单击“测试”文本，我希望能够使用$(this).attr("myclass"jQuery中的来读取属性。

150 javascript jquery html dom

20

停止提交表单刷新页面

当按下发送按钮时，如果字段中没有任何数据，我将如何防止页面刷新？验证设置工作正常，所有字段均变为红色，但随后页面立即刷新。我对JS的知识比较基础。我特别认为processForm()底部的功能是“不良”。的HTML <form id="prospects_form" method="post"> <input id="form_name" tabindex="1" class="boxsize" type="text" name="name" placeholder="Full name*" maxlength="80" value="" /> <input id="form_email" tabindex="2" class="boxsize" type="text" name="email" placeholder="Email*" maxlength="100" value="" /> <input id="form_subject" class="boxsize" type="text" name="subject" placeholder="Subject*" maxlength="50" value="FORM: Row for OUBC" /> <textarea id="form_message" class="boxsize" name="message" placeholder="Message*" tabindex="3" rows="6" cols="5" maxlength="500"></textarea> <button …

150 javascript jquery html forms

10

使用jQuery检测IF悬停在元素上

我不是在寻找一个行动调用的时候徘徊，而是要告诉的方式，如果一个元素正在上空盘旋目前。例如： $('#elem').mouseIsOver(); // returns true or false 是否有实现此目标的jQuery方法？

149 javascript jquery

9

jQuery如果单选按钮被选中

可能重复：检查特定单选按钮的检查我现在有两个单选按钮，以便用户可以决定是否需要价格中包含的邮资： <input type="radio" id="postageyes" name="postage" value="Yes" /> Yes <input type="radio" id="postageno" name="postage" value="No" /> No 我需要使用Jquery来检查是否选中了“是”单选按钮，如果是，则执行追加功能。有人可以告诉我我该怎么做吗？谢谢你的帮助编辑：我已经将代码更新为此，但无法正常工作。难道我做错了什么？ <script type='text/javascript'> // <![CDATA[ jQuery(document).ready(function(){ $('input:radio[name="postage"]').change(function(){ if($(this).val() == 'Yes'){ alert("test"); } }); }); // ]]> </script>

149 jquery html radio-button

9

使用jQuery / Javascript获取查询字符串参数url值（querystring）

有人知道编写jQuery扩展来处理查询字符串参数的好方法吗？我基本上想扩展jQuery魔术($)函数，因此可以执行以下操作： $('?search').val(); 这将使我在以下URL中获得值“ test” ：http://www.example.com/index.php?search=test。我已经看到了很多可以在jQuery和Javascript中实现此功能的函数，但实际上我想扩展jQuery以使其完全如上所示工作。我不是在寻找jQuery插件，而是在寻找jQuery方法的扩展。

149 javascript jquery url jquery-plugins query-string

17

如何捕获浏览器窗口关闭事件？

我想捕获浏览器窗口/选项卡关闭事件。我已经尝试使用jQuery以下内容： jQuery(window).bind( "beforeunload", function() { return confirm("Do you really want to close?") } ) 但这也适用于表单提交，这不是我想要的。我想要一个仅在用户关闭窗口时才触发的事件。

149 javascript jquery events browser

8

jQuery滚动加载更多数据

我只是想知道如何才能在div.loading可见的情况下在滚动上实现更多数据。通常，我们寻找页面高度和滚动高度，以查看是否需要加载更多数据。但是下面的例子有点复杂。下图是一个很好的例子。下拉框中有两个.loading div。当用户滚动内容时，无论哪个可见，都应开始为其加载更多数据。那么，如何确定.loading div是否对用户可见？因此，我只能开始为该div加载数据。

148 javascript jquery ajax scroll

12

如何使用jQuery获取<span>的值？

这是基本的。如何获得上述范围的值“这是我的名字”？ <div id='item1'> <span>This is my name</span> </div>

148 javascript jquery html

18

什么时候更喜欢JSON而不是XML？

我的要求是仅显示跨数据库从数据库检索的一组值。我正在使用jQuery。

148 javascript jquery xml json

23

如何在Jquery UI对话框中实现“确认”对话框？

我尝试使用JQuery UI对话框替换丑陋的javascript:alert()框。在我的场景中，我有一个项目列表，在每个项目旁边，我将为每个项目都具有一个“删除”按钮。伪html设置将如下所示： <ul> <li>ITEM <a href="url/to/remove"> <span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> </ul> <div id="confirmDialog">Are you sure?</div> 在JQ部分中，在准备好文档后，我首先将div设置为带有必要按钮的模式对话框，然后将要触发的那些“ a”设置为确认后再删除，例如： $("ul li a").click(function() { // Show the dialog return false; // to prevent the browser actually following the links! } 好，这是问题所在。在初始化期间，对话框将不知道是谁（项目）启动它，也不知道项目ID（！）。我如何设置那些确认按钮的行为，以便在用户仍然选择“是”的情况下，将通过该链接将其删除？

148 jquery jquery-ui dialog modal-dialog

Questions tagged «jquery»