jQuery一致したクラスが指定されたIDを持っているかどうかを判別します

jQueryには次のステートメントと同等のIDがありますか？

$('#mydiv').hasClass('foo')

そのため、クラス名を付けて、指定されたIDが含まれていることを確認できます。

何かのようなもの：

$('.mydiv').hasId('foo')

複数のセレクターを組み合わせることで、そのロジックをセレクターに焼き込むことができます。たとえば、特定のクラスを持つ特定のIDを持つすべての要素をターゲットにすることができます。

$("#foo.bar"); // Matches <div id="foo" class="bar">

これは、CSSで作成するものに似ているはずです。これはすべての#foo要素に適用されるわけではなく（1つしか存在しないはずです）、すべての要素には適用されないことに注意してください.bar（多数ある場合もあります）。両方の属性に該当する要素のみを参照します。

jQueryには、要素に特定の品質があるかどうかを判断できる優れた.isメソッドもあります。文字列セレクター、HTML要素、または別のjQueryオブジェクトに対してjQueryコレクションをテストできます。この場合は、文字列セレクターと照合するだけです。

$(".bar:first").is("#foo"); // TRUE if first '.bar' in document is also '#foo'

私はおそらく$('.mydiv').is('#foo');それを使用するでしょうIdを知っているなら、なぜそれを最初にセレクターに適用しないのですか？

更新：質問を誤解して申し訳ありません、回答を削除しまし.has()た。

別の代替方法、.hasId()プラグインを作成する

// the plugin
$.fn.hasId = function(id) {
  return this.attr('id') == id;
};

// select first class
$('.mydiv').hasId('foo') ?
  console.log('yes') : console.log('no');

// select second class
// $('.mydiv').eq(1).hasId('foo')
// or
$('.mydiv:eq(1)').hasId('foo') ?
  console.log('yes') : console.log('no');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="mydiv" id="foo"></div>
<div class="mydiv"></div>

いくつかのDOMオブジェクトを反復処理していて、特定のIDを持つ要素を見つけてキャッチしたいとします。

<div id="myDiv">
    <div id="fo"><div>
    <div id="bar"><div>
</div>

あなたは見つけるようなものを書くことができます

$('#myDiv').find('#bar')

クラスセレクターを使用する場合、findメソッドは一致するすべての要素を返すことに注意してください。

または、より高度な作業を行う反復関数を作成することもできます

<div id="myDiv">
    <div id="fo"><div>
    <div id="bar"><div>
    <div id="fo1"><div>
    <div id="bar1"><div>
    <div id="fo2"><div>
    <div id="bar2"><div>
</div>

$('#myDiv div').each(function() {
   if($(this).attr('id') == 'bar1')
       //do something with bar1
});

同じコードをクラスセレクター用に簡単に変更できます。

<div id="myDiv">
    <div class="fo"><div>
    <div class="bar"><div>
    <div class="fo"><div>
    <div class="bar"><div>
    <div class="fo"><div>
    <div class="bar"><div>
</div>

$('#myDiv div').each(function() {
   if($(this).hasClass('bar'))
       //do something with bar
});

index（）で問題を解決できてうれしいです。これでうまくいきます。これが同じ問題を持つ他の人の助けになることを願っています。乾杯:)

$('#' + theMysteryId + '.someClass').each(function() { /* do stuff */ });

ただ言うと、私は最終的にこれをindex（）を使用して解決しました。

他に何も機能していないようです。

したがって、兄弟要素の場合、これは、最初に共通のクラスで選択し、次に特定のクラスごとに異なるものを変更したい場合の適切な回避策です。

編集：（私のように）知らない人のために、index（）は、DOMでの順序に応じて、セレクターに一致する各要素のインデックス値を0から数えます。class = "foo"で要素の数がわかっている限り、IDは必要ありません。

明らかにこれが常に役立つとは限りませんが、誰かがそれを役に立つと思うかもしれません。

要素のIDが存在するかどうかを確認します

if ($('#id').attr('id') == 'id')
{
  //OK
}

次のようにして、id要素が使用されているかどうかを確認することもできます。

if(typeof $(.div).attr('id') == undefined){
   //element has no id
} else {
   //element has id selector
}

このメソッドをグローバルdataTablesおよび特定の順序付けられたdataTablesに使用します