Question

我正在寻找转换由id选择的函数来选择给定类的下一个实例。

这是代码。

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

Answer 1

假设你有这个HTML：

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

因此，您需要div选择第一个id：

var some = $("#test");

然后，您想要找到下一个div类abc：

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

假设你想要一个变量className：

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

Answer 2

在jQuery中按ID选择：

$('#class_name')

在jQuery中按类选择：

$('.class_name')

获取jQuery中的下一个项目：

$('.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;

Answer 3

如果我理解你的问题：

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

使用最接近的：http://api.jquery.com/closest/

使用jQuery选择下一个类实例

3 个答案: