通過DOM訪問特定元素

Question

我遇到了DOM問題。我試圖訪問某個特定元素的類。

HTML：

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

我要訪問的<span>元素的class 'ABC'，和我有<label>元素和我在一起。

這裏就是我想要做的事情：

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

編輯：出現的前一個兄弟是一些文本節點!!不知道爲什麼

Answer 1

如果你使用jQuery，您可以簡單地使用：

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

我建議不要命名您的'class'變量'class'，因爲它是javascript中的保留字。

Answer 2

就試試這個：

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

Answer 3

使用此：

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

Answer 4

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

http://jsfiddle.net/Cf9Qn/