Javascript 使用jQuery按类的下一个实例选择

我希望将一个按id选择的函数转换为选择给定类的下一个实例

这是代码

function swap3(oldDivId, newDivId) {
var oldDiv = document.getElementById(oldDivId);
var newDiv = document.getElementById(newDivId);
oldDiv.style.display = "none";
newDiv.style.display = "block";
}

---

在jQuery中按ID选择：

$('#class_name')

$('.class_name')

$('.class_name').next('.class_name')

在jQuery中按类选择：

$('#class_name')

$('.class_name')

$('.class_name').next('.class_name')

获取jQuery中的下一项：

$('#class_name')

$('.class_name')

$('.class_name').next('.class_name')

使用此功能，您可以执行以下操作

// Something to remember the current element
var currentElement = false;

function getNext(className)
{
    // First time, there will be no current element
    if (!currentElement)
    {
        currentElement = $('.' + className);
        return currentElement;
    }

    // Other times...
    currentElement = $(currentElement).next('.' + className);
    return currentElement;

---

如果我理解你的问题：

function nextItem(className) {
    return $('#ID').closest('.' + className);
}

---

使用最近的：

假设您有以下HTML：

<div id="test" />
<img />
<br />
<div />
<input />
<div class="abc" />
<div class="cdf" />

然后，您需要使用类

abc

查找下一个

div

：

var next = some.nextAll("div.abc");

假设您想要一个变量作为

类名

：

var x = "abc";
var next = some.nextAll("div." + x);

---

如果类名必须是javascript变量怎么办？

$（“#class_name”）.next（）将为您提供下一个同级元素，而不是类的下一个实例…@PhilipK：您可以使用
$（'.+varname）
，但是.next（）将为您提供DOM中的下一个同级元素，这不一定是同一个类名。@Sime Edit:完全误读了您的评论，我可能应该睡觉了：）很抱歉，更新了代码。我需要将类名作为变量，我已经扩展了我的代码示例。