Tag: 类

通过单击另一个类来切换类可见性: 我正在开发一个项目，我需要能够点击.node-202 .field-name-field-pin-point并切换.node-202 .group-dealer的可见性。我需要在调用中使用两个标识符，因为会有多个节点，而且当我点击其中一个引脚点时，我不希望它们全部打开。编辑：以下是HTML的示例。我正在使用Drupal所以有很多不必要的代码，但它尽我所能尽可能快地格式化它。 Dealer Container Company Titile 81234 Ricardo Court Los Angeles, CA United States 123-555-2042 saleshttps://stackoverflow.com/questions/20501210/toggle-class-visibility-by-clicking-on-another-class/@company.com 编辑2：我需要将“.node-202 .group-dealer”设置为visibility：hidden而不是display：none。看起来这可能会有所帮助：等效的jQuery .hide（）来设置可见性：隐藏。

添加类onclick，然后在下次单击时按该类选择: 我只是在尝试更多地了解jquery的测试场景。我明白我想要做的事情是行不通的，我确信我可以查找一个更复杂的解决方案，包括切换或其他什么，但我想知道为什么这不会起作用的逻辑…… 我想有一个按钮，按下时插入文字。再次按下它时会插入一组不同的文本。我正在尝试使用整个添加/删除类的东西，所以我试图将类’text1’添加到我的textarea div。然后我继续创建另一个单击函数，尝试选择我刚刚添加的’text1’类并再次插入HTML。如果我在’textarea’下面有’textarea.text1’选择器（如我的例子所示）选择器，它可以理解地通过并添加text1类然后找到它并立即输入“Text Content 2” 我认为通过上面的’textarea.text1’选择器它会移动到第一个.click而不做任何事情然后添加类。这似乎不起作用…… 然后，我希望再次单击ChangeText按钮，让它在我的脚本的第一部分中找到该类….. 任何人都可以解释为什么这不起作用和最简单的方法来实现这一目标？提前致谢。使用Javascript： $(document).ready(function() { $(‘.changetext’).click(function() { $(‘.textarea’).html(‘ Text Content 1’).addClass(‘text1’); }); $(‘.changetext’).click(function() { $(‘.textarea.text1’).html(‘ Text Content 2’); }); }); HTML： ChangeText Jfiddle： http ： //jsfiddle.net/nlaffey/qzKJx/1/

使用jQuery连续添加和删除类到随机元素: 假设我有十个元素的无序列表。我希望随机将一个类添加到其中一个类中，然后在几秒钟后删除该类，并再次使用另一个随机选择的元素无限期地重新开始。实现这一目标的最简洁方法是什么？编辑：到目前为止我得到了什么： … … … … … 和jQuery： var random = Math.floor(Math.random() * 1000); var shownElement = $(“#hideAndSeek li”); shownElement.eq(random % shownElement.length).addClass(“shown”); 但是，这显然不会连续运行，我不知道如何在删除类之前正确设置延迟。

如何切换特定的类集: 我有一系列的课程： CLASSA CLASSB classC 我有一个，需要根据具体情况在其中一个类之间切换。你可能会说使用jQuery toggleClass 然而，我的跨度已经附加了其他类，需要始终保持。 jQuery中最快和最短的代码是做什么的？

zClip不起作用 – 多个副本到剪贴板JS: 我尝试复制到剪贴板按钮，但我不知道为什么我无法做到。我用ajax加载我的页面，所以我调用一个函数，当我鼠标按下按钮时，将zclip添加到我的按钮。但是当我点击它时，什么也没发生。这是我的代码：JS： <script type="text/javascript" src="zclip.min.js”> function mouseOver(){ $(‘.copyMails’).each(function (k,n) { console.log(“test”); var copyMails = $(this); $(this).zclip({ path: ‘ZeroClipboard.swf’, copy: function () { var val = $(copyMails).attr(‘data-clipboard-text’); return val; }, afterCopy: function () { console.log($(copyMails).data(‘clipboard-text’) + ” was copied to clipboard”); } }); }); } 我的按钮： <button onmouseover="mouseOver()" data-clipboard-text="” class=”copyMails” title=”Copier les adresses emails”> […]

为同一个类的divs随机添加的类: 我有几个同一类的div。我想随机地为每个div添加一个（不同的）类，但是没有在彼此之后重复添加类。这是我的示例html： some text here some other text here some more text here some more text here some more text here 应该添加的示例css： .addedclass1 {…} .addedclass2 {…} .addedclass2 {…} .addedclass3 {…} .addedclass4 {…} 我最终会喜欢看到的： some text here some other text here some more text here some more text here some more text here 我有一些随机化添加的类的jquery，但它允许重复： $(document).ready(function() […]

切换单个元素类，尽管它有多个实例: 简单的事情，我只是无法让它工作：我有几个段落共享相同的类，我只是想改变其中一个类，因为他们的父div被hover。 some content /div> some content /div> 当我hover第一个“trigger-div”时，我希望它的p改变而不影响后面的元素 some content /div> some content /div> 我有以下代码不起作用：// $(‘.trigger’).hover(function() { $(this).next(“.oldstyle”).toggleClass(“newstyle”); }); 我很无奈！万分感谢。

Div ID淡入淡出代码: 我是jQuery的新手。有人可以帮我解决我的2天问题。我只需要一个淡入淡出效果的示例代码，幻灯片。这是风格。这将是同一级别的3个Div 第一个div将显示6secs然后淡出2secs 在第一个淡出之前，第二个div会淡入2秒这将再次显示6secs然后淡出2secs。然后第三个div将以相同的方式消退2秒。显示6secs然后淡出2secs。然后他们将旋转或循环。谢谢你帮助我。编辑 – 评论中的相关代码 $(document).ready(function(){ function looptour(){ $(“#health”).hide(); $(“#billing”).hide(); $(“#pension”).delay(6000).fadeOut(2000); $(“#health”).delay(6000).fadeIn(2000).delay(6000).fadeOut(2000); $(“#billing”).delay(14000).fadeIn(2000).delay(6000).fadeOut(2000); $(“#pension”).delay(14000).fadeIn(2000,looptour); } looptour(); });

jQuery元素 vs element.class性能: 我想知道哪种方式会更快，选择元素： $(‘element[href=#my_link]’); 要么： $(‘element.my_class’); 我不喜欢在编写代码时重复自己，所以我更喜欢在大多数情况下以第一种方式编写代码，因为我可以添加信息，如： Delete $(‘a[href^=#delete]’); 然后将其拆分，以便我可以获得点击后所需的所有信息，或者无论操作是什么。我是否因此牺牲了整体表现？（我想我可以把它重写为class =“delete”href =“＃1”）

jQuery从Date提取年份并将类添加到Parent: 我正在寻找为div列表创建一个同位素filter，因此想要通过从显示的日期中提取’Year’然后将其作为类添加到父容器/ div来添加一年的类到父容器/ div div（ .publication ）现在我正在使用一种非常基本的方法来查看div是否包含特定年份然后单独指定一年： HTML 15/3/2017 15/3/2016 码 jQuery(‘div[class*=”publication-date”]:contains(“2020″)’).closest(‘.publication’).addClass(‘2020’); jQuery(‘div[class*=”publication-date”]:contains(“2019″)’).closest(‘.publication’).addClass(‘2019’); jQuery(‘div[class*=”publication-date”]:contains(“2018″)’).closest(‘.publication’).addClass(‘2018’); jQuery(‘div[class*=”publication-date”]:contains(“2017″)’).closest(‘.publication’).addClass(‘2017’); jQuery(‘div[class*=”publication-date”]:contains(“2016″)’).closest(‘.publication’).addClass(‘2016’); jQuery(‘div[class*=”publication-date”]:contains(“2015”)’).closest(‘.publication’).addClass(‘2015’); 这种方法的问题在于，如果我们低于2015年或2020年以上，则不会分配任何课程。如果我们可以爆炸日期并提取课程的年份，那么这将继续逐年进行？