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： {块：GroupMembers}

<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>

JQuery将一个元素与一类元素区分开来

1 个答案: