javascript - 如何获取跨度的类值

Question

可能重复：
使用 jQuery 获取元素的类列表

如何在 div 中获取 span 的类值？

<div id="Check">

<span class="checked">

<input id="box" name="INbox" type="checkbox" value="1" />1<br>

<span>

</div>

如何从 div="Check" 上获取 class="checked" 的值？

并像这样使用它

<script>
var span = $('div#Outbound').find('span').attr('class');
if ( span != "checked"){

}
</script>

Answer 1

使用.attr()：

var spanClass = $('div#Outbound').find('span').attr('class');

或者，如果您只想确定 是否span有一个名为 的类checked，请使用.hasClass()：

var hasCheckedClass = $('div#Outbound').find('span').hasClass('class');

Answer 2

无需 jQuery：

var span = document.getElementById('Check').getElementsByTagName('span')[0].className;

或者，如果 HTML 的格式是可以预见的“跨度是 div 内的第一个元素”，那么你可以作弊：

var span = document.getElementById('Check').children[0].className;

要检查该类checked是否在跨度上，您可以执行以下操作：

if( span.match(/\bchecked\b/))

Answer 3

你可以使用 jQuery hasClass

 <script>

    if ( !$('div#Outbound').find('span').hasClass( "checked" )){

    }
    </script>