草庐IT

javascript - 向 LI 项目符号添加点击处理程序

我想专门为LI上的项目符号添加一个JQuery单击处理程序。目前,当我单击LI中的任何元素时,LI单击处理程序将触发。相反,它应该只是项目符号,而不是任何内容。 最佳答案 如果你想保留原生项目符号,你可以这样做:HTML:TexthereJS:$('li').click(function(event){if(event.target.tagName!='LI')return;alert('clickedbullet');}); 关于javascript-向LI项目符号添加点击处理程序,我

javascript - jQuery,查找 li 类名(在 ul 内)

我有一个ul,里面有很多li。所有li都有一个ID“#category”,但类别不同(如“.tools”、“.milk”、“.apple”)。使用jQuery。我愿意:$("li#category").click(function(){some_other_thing(....)});现在我必须在some_other_thing()函数中放置一个li的类“name”——(确实是一个字符串)而不是......如何实现? 最佳答案 $(this).attr('class') 关于javasc

javascript - 如何从 ul 中删除 <li></li>?

如何删除特定的来自ul列表?我正在动态添加它...当用户点击清除时我需要删除它。我该怎么做? 最佳答案 这取决于您拥有什么以及要添加什么。假设您最终添加了项目,所以它看起来像这样:clearclearclear然后使用remove()删除单个项目:$("#lista.clear").click(function(){$(this).parent().remove();returnfalse;});但是如果你有:onetwothreeClear如果您想清除所有这些,请使用empty():$("#clear").click(functi

javascript - 在没有 jquery 的情况下获取第一个 <li>

这可能已被问到,但滚动浏览大约40多个搜索结果只揭示了jQuery解决方案。假设我想获取无序列表中的第一项并为其单独应用新的文本颜色。使用jQuery很简单。标记->Item1Item2Item3使用jQuery->$("ul>li:first").css("color","blue");问题是,如何不使用jQuery来实现这一点?解决方案:我发现此方法适用于所有浏览器(包括IE7+)->document.getElementsByTagName("ul")[0].getElementsByTagName("li")[0].style.color="blue";

javascript - 将 li 从一个 ul 移动到另一个 jQuery

我正在尝试将列表项从一个无序列表移动到另一个。这第一次工作正常,但一旦元素被移动,我就无法将它们移回原处。我做了一个fiddle来说明我在说什么。在这里查看->jsfiddleHTMLNumbersLetters12345abcde>'id='move_right'/>jQuery$('body').on('click','li',function(){$(this).toggleClass('selected');});$('#move_left').click(function(){$('.list1').append('',$('.list2.selected').text(),

javascript - Bootstrap Accordion /可折叠不适用于 ul/li 导航

我使用的是最新的Bootstrap,Accordion根本不工作。我的意思是,当我打开带有嵌套“ul”的测试1时,它会切换,但是当我单击带有另一个嵌套“ul”的测试2时,它也切换,但不关闭测试1...谁能帮帮我?它看起来不适用于“ul”和“li”(没有面板类)。提前致谢。附注这是我的Accordion尝试的完整代码。除了自动关闭之前打开的内容之外,一切正常。http://jsbin.com/OKOjUlu/1/edit?html,outputProizvodiTest12SubTest1SubTest1SubTest1Test2SubTest2SubTest2SubTest2SubTe

javascript - 如何向下滚动到动态添加的 ul 中的最后一个 li 项?

我定义了一个ul在我的javascript中,我使用jquery将li元素添加到此ul$("mylist").append("Test");我希望我的ul在我添加了很多li元素并且ul超过为其定义的高度时自动向下滚动div我尝试过的事情:在CSS中,我为ul设置了max-height和overflow-y:scroll在Javascript中我做了$("mylistli").last().focus(); 最佳答案 点击这个JSfiddle.它会帮助你。J查询:$('.add').click(function(){$("#mylis

javascript - 将 <li> 元素附加到 <ul> 并为每个元素添加点击事件?

我想添加一系列元素到,并以编程方式为每个事件添加一个点击事件。我不确定如何做到这一点,至少不是以简洁的jQueryish方式。这是我现有的代码:$.each(all_objects,function(){{varlist_route=""+this.text+"";$('#saved-list').append(list_route);//adduniqueid(this.id)toitemandclickeventhere?//pseudocode-onclick:alert(this.id);});$('#saved-list').refresh('listview');//jqu

javascript - JQuery - 如何将 li 移动到 ul 中的另一个位置? (交换2里)

应用它的好方法是什么?我需要一个脚本来交换两个在中的位置。它认为应该可以实现。感谢您的回复。HTMLItem1Item2Item3Item4Item5伪Javascript(JQuery)$("#awesomeulli:eq(1)").exchangePostionWith("#awesomeulli:eq(3)");HTML结果Item1Item4Item3Item2Item5 最佳答案 您可以使用jQuery的.after()来移动元素。我克隆了其中一个,这样原件就可以保留为占位符。这就像如果你想切换变量a和b,你需要第三个临时

javascript - 我可以使用 jQuery 轻松地向上或向下移动 li 元素吗?

我有一个这样的菜单:HomeAboutArchivesLinks有没有一种简单的方法可以使用jquery来重新排序元素?我在想象这样的事情:$('#menuAbout').moveDown().moveDown()但任何其他实现此目的的方法都是值得赞赏的。 最佳答案 其实并没有那么难。JQuery几乎可以通过insertBefore和insertAfter方法自行将您带到那里。functionmoveUp($item){$before=$item.prev();$item.insertBefore($before);}functio