通过DOM访问特定元素

时间:2012-05-29 11:20:07

标签: jquery dom

我遇到了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");
编辑:以前的兄弟似乎是一些Text节点!! ..不知道为什么

4 个答案:

答案 0 :(得分:2)

如果您使用的是jQuery,则只需使用:

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

我建议不要命名“class”变量“class”,因为它是javascript中的保留字。

答案 1 :(得分:1)

试试这个:

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

<强> DEMO

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

<强> DEMO

答案 2 :(得分:1)

使用此:

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

答案 3 :(得分:1)

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

http://jsfiddle.net/Cf9Qn/