获取下一个属性的文本

Question

我正在寻找我当前点击的下一个属性（类）的文本。像这样......

$(this).next().attr('class').text();

由于

修改

这是我的HTML

<span class="Directory"></span>
<span class="Category">My Account</span>

当我点击“目录”类

时，我想获得“类别”类的文本

Answer 1

只需从代码中删除.attr('class')：

$(this).next().text()

这将获取下一个元素的文本。例如变成一个变量：

var nextText = $(this).next().text();

如果directory元素和category元素之间可能还有其他元素，则可以使用选择器查找具有该特定类的下一个元素：

$(this).next('.Category').text()

Answer 2

你可以把类名放在一个变量中：

var class = $(this).next().attr('class');

获取类的名称，以及使用它的hacky方式：

   $('.'+class).text();

但如果您只想使用下一个元素的文本：

   $(this).next().text();

Answer 3

http://jsfiddle.net/muA6R/

$('#button').click(function(e){
    alert($(this).next().attr('class'));
});

您不需要.text()。

Answer 4

使用

$(this).next().attr('class')

如果你想要下一个兄弟的class属性值。

使用

$(this).next().text()

如果你想在下一个兄弟中找到文本。

检查this jsfiddle我尝试了什么

检查this jsfiddle的html

Answer 5

使用此功能，它会获得带有span类的下一个Category元素的文本。

$(this).next().text();

$(this).next().attr('class')将为您提供下一个元素的类名。

Answer 6

处理第一个元素的点击事件，获取下一个兄弟，然后获取文本。

$('.Directory').click(function(){
    alert($(this).next().text());
});

Answer 7

到下一个范围有名为Category

的类

http://jsfiddle.net/sz9A7/

$(function() {
    $("span.Directory").click(getText);
});

function getText() {
    alert($(this).next('span.Category').text());
}