Tag: jquery selectors

jQuery重复选择器错误

我目前正在尝试设置一个包含6个可点击的cels的表,允许输入框出现,这样你就可以添加注释但我得到一个重复的jQuery选择器错误,并且通过调试我的第二个函数,我发现.html()是也没有工作。 这是我的6个函数的代码; 单击特定单元格时调用每个单元格: $(“#mondayCommentLink”).click(function (){ var mondayhtmls = $(“#mondayComment”); var input = $(“”); input.val(data.days[0].comment); mondayhtmls.html(input); }); $(“#tuesdaysCommentLink”).click(function (){ var tuesdayhtmls = (“#tuesdayComment”); var inputt = $(“”); inputt.val(data.days[1].comment); tuesdayhtmls.html(“test”); }); $(“#wednesdayCommentLink”).click(function (){ var htmls = (“#wednesdayComment”); var input = $(“”); input.val(data.days[2].comment); htmls.html(input); }); $(“#thursdayCommentLink”).click(function (){ var htmls = (“#thursdayComment”); var input = $(“”); input.val(data.days[3].comment); htmls.html(input); }); […]

jQuery检测可见但隐藏的元素

这似乎应该相当容易 – 但我找不到合适的选择器 根据文档( http://api.jquery.com/hidden-selector/和http://api.jquery.com/visible-selector/ )… 可以将元素视为隐藏,原因如下: 隐藏了一个祖先元素,因此该元素不会显示在页面上。 我想要检测的是“这个元素是可见的,但是包含在隐藏的父元素中”。 即,如果我使父母可见,这个元素也将是可见的。

用于jQuery选择器的CSS类命名的最佳实践

在构建Javascript密集的Web应用程序时,命名CSS类以保持Javascript代码和CSS样式表清洁以及UI结构灵活的最佳实践是什么? 选项1: 唯一地命名每个元素 。 例如, // HTML Item 1 // CSS .list-delete { color: black; } .item-delete { color: blue; } // Javascript $(“.list-delete”).show(); $(“.item-delete”).hide(); 优点: 选择样式或JS操作项很容易 缺点: 元素名称开始变得非常长并且难以跟踪 更改HTML结构需要大量重命名 选项2:在语义上为每个元素命名,并分层选择元素 。 例如, // HTML Item 1 // CSS #list > .delete { color: black; } #list > .items > .item > .delete { color: […]

jQuery切换在一定数量的匹配元素之后显示/隐藏元素

在实施分面搜索时,如果选项数量为7或更少,我将全部显示。 如果选项数超过7,我将仅显示前5个,并插入一个链接以切换这些选项的显示。 在这种情况下我的问题是,如何运行匹配元素列表,在这种情况下, li属于.facet ul ,并执行此function。 其次,我需要.appendTo()在.facet ul的末尾显示基于我是否显示全部或部分文本的文本。 如果显示全部,我希望文本显示为“……更少的选择”。 如果我显示的很少,我希望文本中写着“…更多选择”。 为这些function中的每个function推进正确的方向,或者非常感谢完整的解释。 以下代码供参考。 Brands Really long brand name facet to show what happens with multi-line facets (63) Joe Rocket (57) Icon (42) Fieldsheer (37) Tour Master (21) AGV Sport(21) Alpinestars(21) Cortech(21) Element(21) Fieldsheer(21) Firstgear(21) FMF Apparel(21) Icon(21) Joe Rocket(21) O’Neal Racing(21) Power Trip(21) REV’IT!(21) River Road(21) […]

将Regex传递给JQuery Selector

嗨,我有以下情况。 我有正则表达式,但不能将它传递给jQuery选择器。 我正在努力追随。 $ $(“#prefix_[\d]{1, 2}_postfix”) 我的元素有如下前缀:prefix_10_postfix prefix_1_postfix 请指导我。

在元素jquery之后插入

从jquery如何插入o some other data 在tr id = user之后 some data

Jquery元素+类选择器性能

当我选择元素时,我希望$(‘#childDiv2 .txtClass’)或$(‘#childDiv2 input.txtClass’)表现更好。 但是根据这个性能分析 $(‘.txtClass’); 是其中最好的选择者。 我正在使用JQuery 1.7.2有没有人对此有解释? HTML Blah Blah Blah ​ JS $(‘.txtClass’); $(‘#childDiv2 .txtClass’) $(‘#childDiv2 > .txtClass’) $(‘input.txtClass’) $(‘#childDiv2 input.txtClass’)

jquery selector:我点击的里面的引用类:

我有这个HTML: Title 我有这个点击事件: $(document).ready(function () { $(‘.title’).live(‘click’, function () { //NEED SOMETHING HERE TO CHANGE SOURCE $(“.arrow”).attr(“src”, “downarrow.gif”); }); }); 如你所见,我想改变图像的src属性。 上面我的选择器工作,但页面上有其他项目class =“arrow”,所以我需要一种方法来选择这个实例。

如何刷新存储和快照的jquery选择器变量

我昨天遇到了一个问题,一个jquery-selector我分配给一个变量,这让我很生气。 这是一个带有testcase的jsfiddle: 将.elem分配给我的obj var 将两个长度记录到控制台。 结果=> 4 从DOM中删除#3 log obj to console =>删除的#3仍在那里,长度仍为4.我发现jquery查询是快照的? 变量而不能?不会? 得到更新 将.elem登录到控制台..是的结果=> 3,#3消失了 现在我更新.elem,新宽度为300 logging obj&obj.width给了我300 ..所以快照已更新? 有趣的是,4个div中有3个具有新的宽度,但删除的#3没有…… 另一个测试:将一个li元素添加到domtree并记录obj和.elem。 .elem确实有新的li而obj没有,因为它仍然是旧的快照 http://jsfiddle.net/CBDUK/1/ 有没有办法用新内容更新此obj? 我不想做一个新的obj,因为在我的应用程序中有很多信息保存在该对象中,我不想破坏…

jQuery选择祖先

有可能使用jQuery来选择元素的祖先吗? 标记: Click me Click me 脚本: $(“.click-me”).click(function(){ // var ancestorId = ???; alert(ancestorId) });