Javascript jQuery从所选项目中获取上一个或下一个项目

我有这张大拇指表

<ul>
   <li class='thumb'></li>
   <li class='thumb chosen'></li>
   <li class='thumb'></li>
   <li class='thumb'></li>
</ul>

---

通过这种方式，它将搜索选择了类的以下兄弟，但我需要它从选择了类的thumb中搜索上一个thumb或下一个thumb。

将引号添加到您的

类属性中：

$('.prev-image').click( function() {
    $('.thumb.chosen').prev().trigger('click');

});
$('.next-image').click( function() {
    $('.thumb.chosen').next().trigger('click');
});

<ul>
   <li class="thumb"></li>
   <li class="thumb chosen"></li>
   <li class="thumb"></li>
   <li class="thumb"></li>
</ul>

CSS
在这里，您可以按如下方式触发事件

HTML代码：

<div class="prev-image">prev</div>
<div class="next-image">next</div>
<ul>
   <li class='thumb'>1</li>
   <li class='thumb chosen'>2</li>
   <li class='thumb'>3</li>
   <li class='thumb'>4</li>
</ul>

CSS:

.chosen { color: red; }

这里的实现
尝试引用您的属性，它可能会解决一些问题。您能否为您的问题创建fiddle。。。它可以帮助您轻松地解决问题，谢谢。忘了在这里引用它，对不起，我会更新您的代码将完全按照您的要求执行您的代码失败了吗？它的作用是什么？我们是否可以查看所有相关的HTML（您似乎忘记了包含按钮）。开发人员控制台中是否存在任何错误？我们能看到一个（简单/）吗？很抱歉，我忘了在这里的示例中添加引号，这不是问题所在
<div class="prev-image">prev</div>
<div class="next-image">next</div>
<ul>
   <li class='thumb'>1</li>
   <li class='thumb chosen'>2</li>
   <li class='thumb'>3</li>
   <li class='thumb'>4</li>
</ul>

// prev thumb trigering
$('.prev-image').click( function() {  
    var element = $('.thumb.chosen');

    $('.thumb.chosen').prev().trigger('click');
    $('.thumb.chosen').prev().addClass("chosen");
    element.removeClass("chosen"); 
});

// next thumb trigering
$('.next-image').click( function() { 
    var element = $('.thumb.chosen');

    $('.thumb.chosen').next().trigger('click');
    $('.thumb.chosen').next().addClass("chosen");
    element.removeClass("chosen");     
});

// trigger on click .thumb
$('.thumb').click(function() {
    var value = $(this).text();
    alert("triggered " + value);
});

.chosen { color: red; }