我正在一个带有图像旋转器的网站上工作（使用 jQuery Roundabout）。我在 jQuery 中进行了设置，当您单击图像时，它会使用以下代码显示与该图像关联的某些内容：
$('#brand-cou').click(function() {
$('#brand-details .detail-section').fadeOut(0);
$('#detail-country-squire').fadeIn("slow");
return false;
});
#brand-cou 是包含图像的 li，#detail-country-squire 是我要显示的部分。这很好用，希望我还有一个下一个和一个上一个箭头，这是人们在图像旋转器周围移动的另一种方式。当他们使用这些控件在旋转器周围前进时，我很难获得正确的文本来显示。这是我现在的代码：
$('a#next').click(function() {
if ('li'.id = 'brand-cou' && 'li'.hasClass('roundabout-in-focus') {
//Do what I need to do
}
});
当图像是正面图像时，它会自动接收类“.roundabout-in-focus”。我的想法是，我可以对每个特定图像使用 if 语句来说明它是否具有 A 的 id 以及 .roundabout-in-focus 的类，然后显示 A 的特定文本。由于某种原因，这不起作用。这似乎也相当冗长，因为对于每个图像，我都需要上面的所有代码，以及类似于下一节的上一个按钮部分。所以，在短期内，我希望得到一些帮助来弄清楚为什么上面的 if 语句不起作用。如果有人真的很慷慨，我会很乐意帮助人们对如何压缩这段代码的想法提供帮助。我觉得如果我可以说，如果一个 li 有这个特定的 ID 和焦点回旋处的类，然后显示此文本（无论您单击图像还是单击下一个/上一个按钮，该文本都应该起作用）。我唯一的问题是如何在不将其链接到点击功能或其他使其过于具体而无法包含所有三个选项的情况下编写它。
谢谢您的帮助！