javascript - jQuery区分一个元素和一类元素

Question

所以我对 jquery 比较陌生，我正在尝试 to attribute a font awesome icon star (fa-star) 在群组成员栏下区分管理员和普通成员。我模糊了用户名，但理想情况下我希望 jquery 能够将超赞字体星形图标放在管理博客旁边。在这两个博客中，只有最下面的一个(带有蓝色的 tumblr 图标)是博客的管理员。 photo of the member bar here .

起初我尝试编写代码，但我有点迷路了。我知道这是可以做到的，我在其他 tumblr 主题上看到过，它是通过 jQuery 类然后使用 css 实现的。我只是想弄清楚如何让它真正发挥作用，因为到目前为止，它什么也没显示。

(我有点)尝试 jquery 脚本:

<script>
$(document).ready(function(){
    $("title").attr(".admins");
    $(".actualmember").addClass(".admins");
});
</script> 

CSS:

<style type="text/css">
.actualmember {
display:block;
margin-top:15px;
text-transform:uppercase;
font-weight:bold;
margin-left:50px;

}

.admins {
position:relative;
}

.admins:before {
content: "\f005";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
</style>

html: { block :组成员}

<h2>Mesmbers</h2>

{block:GroupMember}<div class="members">
<img src="{GroupMemberPortraitURL-40}">  
<a class="actualmember" href="{GroupMemberURL}" title="{GroupMemberTitle}">
{GroupMemberName}<i class="fas fa-star" title="admins"></i></a>
</div>

{/block:GroupMember}
</div>
{/block:GroupMembers}

Answer 1

我使用 title 属性定位元素并添加类 fa-star。希望对您有所帮助!

$(document).ready(function() {
  $("[title='admins']").addClass("fa-star");
});

.actualmember {
  display: block;
  margin-top: 15px;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 50px;
}

.admins {
  position: relative;
}

.admins:before {
  content: "\f005";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet" />

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

<div class="members">
  <img src="https://lh6.googleusercontent.com/-IrsYX1O4No0/AAAAAAAAAAI/AAAAAAAAAKg/UQlwakOCMoA/photo.jpg?sz=64">
  <a class="actualmember" href="{GroupMemberURL}" title="{GroupMemberTitle}">
    <i class="fas"></i></a>
</div>
<div class="members">
  <img src="https://lh6.googleusercontent.com/-IrsYX1O4No0/AAAAAAAAAAI/AAAAAAAAAKg/UQlwakOCMoA/photo.jpg?sz=64">
  <a class="actualmember" href="{GroupMemberURL}" title="{GroupMemberTitle}">
    <i class="fas" title="admins"></i></a>
</div>