jQuery API の is( jQuery object ) は、マッチした要素が、さらに、「jQuery object」とマッチする場合、trueを返すメソッド。
記述方法
jQuery( セレクター ) . is( jQueryオブジェクト )
「セレクター」にマッチした要素が、「jQueryオブジェクト」に一致する場合、trueを返す。
記述例
var $sampleClass = jQuery( '.sample' );
jQuery( 'li' ) . is( $sampleClass );
jQuery( 'li' ) . is( $sampleClass );
LI要素のクラス属性の値に「sample」が含まれている場合、trueを返す。
戻り値
- Boolean
booleanType（論理型）。
マッチした要素が、引数「jQuery object」とマッチする場合、「true」。
マッチした要素が、引数「jQuery object」とマッチしない場合、「false」。
実装例（サンプル）
- 項目Ａ
- 項目Ｂ
- 項目Ｃ
- 項目Ｄ
- 項目Ｅ
クラス属性の値にsampleAを含むかどうか：
実装例（サンプル）の動作について
「項目Ａ」をクリックすると、「クラス属性の値にsampleAを含むかどうか：」の右横に「項目Ａは、false」。
「項目Ｂ」をクリックすると、「クラス属性の値にsampleAを含むかどうか：」の右横に「項目Ｂは、true」。
「項目Ｃ」をクリックすると、「クラス属性の値にsampleAを含むかどうか：」の右横に「項目Ｃは、false」。
「項目Ｄ」をクリックすると、「クラス属性の値にsampleAを含むかどうか：」の右横に「項目Ｄは、true」。
「項目Ｅ」をクリックすると、「クラス属性の値にsampleAを含むかどうか：」の右横に「項目Ｅは、false」。
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
var $sampleClass = jQuery( '.sampleA' );
jQuery( '#sampleOl > li' ) . click( function () {
jQuery( "#sampleOutput" ) . text( jQuery( this ). text() + "は、" + jQuery( this ) . is( $sampleClass ) );
} );
} );
// -->
</script>
<!--
jQuery( function() {
var $sampleClass = jQuery( '.sampleA' );
jQuery( '#sampleOl > li' ) . click( function () {
jQuery( "#sampleOutput" ) . text( jQuery( this ). text() + "は、" + jQuery( this ) . is( $sampleClass ) );
} );
} );
// -->
</script>
HTML
<ol id="sampleOl">
<li>項目Ａ</li>
<li class="sampleA">項目Ｂ</li>
<li class="sampleB">項目Ｃ</li>
<li class="sampleC sampleA">項目Ｄ</li>
<li class="sampleB sampleC">項目Ｅ</li>
</ol>
<p>クラス属性の値にsampleAを含むかどうか：<span id="sampleOutput"></span></p>
<li>項目Ａ</li>
<li class="sampleA">項目Ｂ</li>
<li class="sampleB">項目Ｃ</li>
<li class="sampleC sampleA">項目Ｄ</li>
<li class="sampleB sampleC">項目Ｅ</li>
</ol>
<p>クラス属性の値にsampleAを含むかどうか：<span id="sampleOutput"></span></p>
CSS
<style>
<!--
#sampleOl {
cursor: pointer;
}
-->
</style>
<!--
#sampleOl {
cursor: pointer;
}
-->
</style>