jQuery确定匹配的类是否具有给定的id

jQuery具有与以下语句等效的ID是什么？

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

因此您可以提供一个类名，并检查它是否包含提供的ID。

就像是：

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

您可以通过组合多个选择器将该逻辑烘焙到选择器中。例如，我们可以定位具有给定id的所有元素，这些元素也具有特定的类：

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

这看起来应该类似于您在CSS中编写的内容。请注意，它不适用于所有#foo元素（尽管应该只有一个），也不适用于所有.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（）给出与选择器匹配的每个元素的索引值，从0开始计数，具体取决于它们在DOM中的顺序。只要知道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
}

我将这种方法用于全局数据表和特定的有序数据表