通过 DOM 访问特定元素答案

【问题标题】：Accessing a particular element through DOM通过 DOM 访问特定元素
【发布时间】：2012-05-29 19:40:05
【问题描述】：

我遇到了 DOM 问题。我正在尝试访问特定 <span> 元素的类。

HTML：

<span><span class="abc">*</span><label for="sometext"></label></span>

我想访问<span> 元素的“abc”类，我有<label> 元素。

这是我所做的：

var parent=$(label[0]).parent();
var class=$(parent[0]).childNodes[0].attr("class");

编辑：前一个兄弟似乎是某个文本节点！！..不知道为什么

【问题讨论】：

标签： jquery dom

【解决方案1】：

如果你使用 jQuery，你可以简单地使用：

var classes = $(label[0]).prev().attr('class');

我建议不要将您的“类”变量命名为“类”，因为它是 javascript 中的保留字。

【讨论】：

【解决方案2】：

使用这个：

var sibling = $('label').siblings('span').first();
var class = $(sibling).attr('class');

【讨论】：

【解决方案3】：

试试这个：

$('label')
      .prev('span')  // get the previous span of label
      .attr('class');  // get class of the span.

或

$('label')
      .siblings('span')  // get the previous span of label
      .first()
      .attr('class');  // get class of the span

【讨论】：

【解决方案4】：

$('label').siblings('span').attr('class');

【讨论】：