gpt4 book ai didi

jquery - 单击两次即可获取 jQuery 中 LI Item 的值 - 应取 1

转载 作者:行者123 更新时间:2023-12-01 06:27:42 26 4
gpt4 key购买 nike

我有一个 jQuery 问题。

我的 HTML 列表设置如下:

<ul class="areas">
<li title="Volunteering">Volunteering</li>
<li title="Partnership &amp; Support">Partnership &amp; Support</li>
<li title="Business Services">Business Services</li>
</ul>

当用户单击外部 div 样式的选择时,我会过滤这些项目并将标题添加到跨度中。

我遇到的问题是,需要单击两次“志愿服务”才会出现在范围中。

我模拟了一个 jsFiddle的这个

我的 jQuery 看起来像这样:

$('ul.areas').css('display', 'none');

$('.styled-select').click(function()
{
var cur = $('.areas li.current');
next = cur.next('li');

var value = cur.attr('title');

if (next.length === 0) { // wrap if necessary
next = $('.areas li:first');
}

cur.removeClass('current'); // move the current class
next.addClass('current');

$('.service-area').html(value);
})

如何让它只需单击一次而不是两次即可工作?

提前致谢。

最佳答案

我更改了您的标记,以便有一个带有 current 类的 li 元素,并且它似乎工作正常:

http://jsfiddle.net/355Qk/1/

<ul class="areas">
<li class="current" title="Volunteering">Volunteering</li>
<li title="Partnership &amp; Support">Partnership &amp; Support</li>
<li title="Business Services">Business Services</li>
</ul>

如果这不是您想要做的,那么您可以将 current 类动态添加到第一个 li(如果它尚不存在)。

关于jquery - 单击两次即可获取 jQuery 中 LI Item 的值 - 应取 1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16018453/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com