Tag: 遍历

如何将图像选择到锚中以应用jQuery事件

当点击h1时,我正试图将图像淡入我的垂直菜单中的a。 但没有找到正确的方法。 我能得到的最远的是褪色,但不是特定的图像。 我的问题是如何做到这一点,哪个jquery选择器组合可以选择那些图像进入锚点。 我的意图是淡化那些图像并再次使用其他动作(事件)淡出,例如当我点击相同结构中的其他元素时。 您可以在这里查看我的进展www.miramarlab.com/index222.htm 这是我的结构: SERVICES DESCRIPTION left SERVICE 1 SERVICE 2 SERVICE 3 SERVICE 4 SERVICE 5 SERVICE 6 right 这是我使用jquery的适度意图: $(function() { $(‘#categories h1’).click( function () { $(this).removeClass(‘hover’).addClass(‘active’); $(‘#categories h1’).not(this).removeClass(‘active’).addClass(‘normal’); $(this).parents(‘div:eq(1)’).stop().animate({‘width’:’488px’},500); $(this).next().stop(true,true).slideDown(500); // thi is my intent 😉 $(this).siblings().children(‘img’).stop(true,true).fadeOut(500); var siblings = $(this).parents(‘div:eq(1)’).siblings() siblings.stop().animate({‘width’:’152px’},500); $(‘.description’,siblings).stop(true,true).slideUp(500); } ); }); 先谢谢你们!

jquery选择唯一的项目

我在选择html中的某个元素时遇到问题 当我点击带有“event_rsvp”类的链接时,我想在下一个li中使用“感兴趣的状态”类来实现跨度的HTML,我试过最近,尝试去父母,我怎么告诉一个人和另一个人说话。 Are You Going? – RSVP Like It? 重要提示这可能很重要,这是一个循环,我需要它只影响一个单击。

禁用列表开头/结尾的next / prev

我希望能够在第一个框时隐藏/禁用prev链接,并在最后一个框中禁用下一个链接,因为此时您可以在最后一个框中继续单击下一个,当您执行此操作时,它会中断点击上一个不再有效。 看小提琴演示 Go to Prev 1 2 3 4 5 6 7 Go to Next var $curr = $(“#start”); $curr.css(“display”, “inline”); $(“#prev a”).click(function () { $curr = $curr.prev(); $(“.box”).css(“display”, “”); $curr.css(“display”, “inline”); }); $(“#next a”).click(function () { $curr = $curr.next(); $(“.box”).css(“display”, “”); $curr.css(“display”, “inline”); });

按属性查找xml元素

使用JQuery或Javascript如何从下面的xml返回’Mary Boone’,首先使用show’id’属性’2’? 我正在思考一些事情 – var result = xml.getElementByAttribute(“2”).gallery.text(); XML: Andreas Gursky Matthew Marks photography Eric Fischl Mary Boone painting

使用jQuery nearest()方法和类选择器

$(this).closest(“.fieldfilters”); 这对我没有任何回报。 HTML结构是这样的: $(this)是 。 据我所知, closest遍历DOM并找到最接近的匹配。 选择器是一个类有问题吗? 为什么这不起作用?

jquery-traversing:选择 – >选项 – >文本

我想比较一个变量和一个选择 – >选项 – >选择的文本,以便更改“选定”的attrib,这是我的代码,它可以工作,但我认为这不是写它的最佳方式,请原谅我的英语,我用google翻译求助hehehehe: var lista = ‘example 1’; $(“#id option”).each(function(){ if($(this).text() == lista){ $(this).attr(‘selected’,’selected’); } }); 这是html: example 1 example 2 这是一些尝试 $(‘#id option:eq(“‘+lista+'”)’).attr(‘selected’,’selected’) $(“#id option[text='”+lista+”‘]”).attr(‘selected’,’selected’)

在动态创建的元素上附加javascript / jquery事件

我已经看到了许多与此类似的不同问题,但所有这些问题通常都针对特定的选择器。 如果某处有重复,请告诉我,我已经错过了。 采取这种情况: 你想为wordpress,drupal或任何使用第三方function的网站构建一个jquery插件。 由于您事先并不知道每个特定事件和选择器,因此您需要定位如何将jquery / javascriptfunction添加到动态创建的元素中。 另外,你不知道元素是如何创建的(使用ajax / php / etc进行回调)。 例: 我最近尝试将select2或selectize添加到我的整个网站。 不幸的是,由于我无法提前确定将添加选择元素(来自其他插件/模块),我无法确保select jquery将适用于新创建的选择。 选择二 这是常规方法,但不适用于动态创建或克隆的选择: jQuery(document).ready(function($) { $(“select”).select2(); }); 如果我知道添加这些选择的所有事件,我可以简单地执行以下操作: $( “.some_button_that_creates_new_selects” ).on( “click”, function() { jQuery(“select”).select2(); }); }); 但是,由于我不知道所有动态选择的选择器(因为许多是由第三方插件添加的),所以select2将不适用于新的选择。 所以上面只适用于每个案例senerio。 我需要找到一种遍历dom树的方法,并识别何时创建新选择。 我尝试使用.on定位几个事件,但它根本不能正常工作。 我读到javascript document.getElementsByTagName识别dom中的更改并反映在集合中。 我也查看了querySelectorAll ,但不确定它是如何工作的。 我也尝试搞乱MutationObserver并检查select标签的.addednodes.length是否发生了变化,但我并没有真正得到任何结果。 UPDATE 在做了一些测试后,我意识到问题可能在于select2插件本身。 Select2加载动态选择,但没有获得定位。 Chrome最终会抛出typeerros:无法读取属性’find’的null,无法读取null的’hasclass’属性。

检索受“rowspan”影响的行的列索引的最有效方法是什么?

请考虑下表: A B C 1 Apples Oranges Pears 2 Subcategory Heading ASP.Net Other 3 MVC PHP 4 Red Green Blue Some pointless footer content 如何使用jQuery为包含文本“MVC”或“PHP”的单元格检索正确的列号? 正确的答案是第3列,但只使用.prevAll().length只计算前一个单元格的数量,在这种情况下,它们不能准确反映它们的实际列位置? 我确定我需要使用each() ,但我也在寻找最有效的实现。

jQuery prevUntil()包括开始选择器和结束选择器

我想为prevUntil()或nextUntil()jQuery选择器方法选择开始和结束选择器。 如果我现在实现这些方法,它会抓取给定的两个选择器之间的所有内容。 即$(‘p’).prevUntil(‘h1’)不包括p和h1元素,只包括它们之间的元素。 我怎么能选择p和h1元素以及两者之间?

在特定元素之后获取具有特定类的下一个元素

我有这样的HTML标记: Arrive Depart Arrive Depart 我希望从日期之后获取下一个元素以获得相应的日期。 (布局稍微复杂一点,但是从日期开始,从日期开始,到日期已经到了日期类)。 这是我想要做的,我想从date元素中获取并使用to-date类在dom中找到下一个元素。 我试过这个: $(‘#from-date1’).next(‘.to-date’) 但它给了我空的jQuery元素。 我认为这是因为next给出了与选择器匹配的下一个兄弟。 我怎样才能获得相应to-date ?