HTML标记上ID和CLASS的共存

Question

所以我正在编写一些使用jQuery和CSS的HTML。我想使用一个系统，我有class=""来管理CSS并有一个id=""来获得jQuery参考。我不能只按类名调用jQuery，因为我有几个相同类的div框。

总之，可以做以下的事情吗？

<p id="id" class="css">Text</p>

另外，如果没问题，这样做是否合适？ 我有更好的办法吗？

Answer 1

只要class是唯一的，就可以合并id和id。

使用#代表id，.代表类。

喜欢

<p id="id" class="css">Text</p>

$('#id').text();
$('.class').css('color','blue');

如果您不想使用唯一ID命名每个div，您也可以使用类获取div只需获取索引

Answer 2

您可以在显示的单个元素上拥有多个类和一个唯一ID。但是，您也可以使用eq()

按类定位特定元素

  

给定一个表示一组DOM元素的jQuery对象，.eq（）方法从该集合中的一个元素构造一个新的jQuery对象。提供的索引标识该元素在该集合中的位置。

请注意，数组基于0表示.eq(0)将从匹配数组中选择第一个元素，而.eq(1)将选择第二个，等等...

＆＃13;

＆＃13;

$('.someClass').eq(2).html('this div was targeted by class and changed with jQuery');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="someClass">some text</div><br>
<div class="someClass">some text</div><br>
<div class="someClass">some text</div><br>
<div class="someClass">some text</div><br>

＆＃13;

＆＃13;

＆＃13;