JQuery - 检查DOM的下一个元素是否有一些类名

Question

出头                                           出头                                            出头                                           出头                           

我需要一个函数来检查dom中的下一个元素并获取类名。 例如，如果我得到sideline0，该函数将返回“trackon”（下一个元素的类名）。如果我得到sideline1，它必须返回“sideone”等等..

任何想法？欢呼声

Answer 1

如何'回合：

var clz = $('#sideline0').next()[0].className;

实例：http://jsbin.com/esofu3（在这个例子中，我给了next参数“div”来说我只想看看divs - 如果你想跳过箔条很方便，但没有必要你的示例代码）。

使用next获取下一个元素，然后使用旧的JavaScript和DOM来获取class属性的反映版本。 （或者，如果您愿意，可以使用jQuery的attr来检索类属性，如babtek suggested。）

Answer 2

使用#sideline0作为示例元素，这应该可以获得下一个DOM元素的类值：

$('#sideline0').next().attr('class')

Answer 3

您可以像这样使用next()和attr：

alert($('selector').next().attr('class'));

由于您没有提及事件，以下是这些div的点击事件的示例代码（您可以根据需要进行修改）：

$('.tlcontent > div').click(function(){
  alert($(this).next().attr('class'));
});

Answer 4

USE

$('#sideline0').next().attr('class');

这是一个工作示例http://jsfiddle.net/yCqkC/

Answer 5

很难说明您的具体示例，因为您的代码是隐藏的（在每行之前放置4个空格，以便软件将其作为代码读取）。但是，通常，您可以按如下方式获取下一个DOM元素的类名：

var className = $('#sideline0').next().attr('class');