javascript - スパンのクラス値を取得する方法

Question

重複の可能性：
jQueryを使用して要素のクラスリストを取得する

div内のスパンのクラス値を取得するにはどうすればよいですか？

<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

jQueryhasClassを使用できます

 <script>

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

    }
    </script>