Question

我有一个js文件，该文件是Chrome扩展程序的一部分。在特定页面上，它将查找玩家ID，然后将自定义头像替换为内置图像。这些是玩家要求的自定义图片。我曾经通过查找内置图像的URL，然后替换自定义图像来做到这一点。这变得非常麻烦，并且当播放器更改其图像时，它也会更改URL，因此替换将不再起作用。我一直在重写该功能，以寻找不会改变的玩家ID。我在其中执行的页面之一上有多个播放器图像，可能已要求其中任何一个进行替换。

我的问题是，为什么似乎只有以下命令之一运行？第一个播放器（10832）已正确替换为自定义图片，但第二个播放器从未运行。

$('a.avatarContainer[href*="10832"]').each(function(){$(this).next('img').attr("src", "https://cbsargecom.ipage.com/imgs/FJinstead.png");});
$('a.avatarContainer[href*="10824"]').each(function(){$(this).next('img').attr("src", "https://cbsargecom.ipage.com/imgs/ZXGinstead.png");});

以下是该函数成功运行的HTML块

<div class="col-sm-4">
<div class="playerCard ">
<h2 class="clanMemberName"><a href="profile.game?user_id=10832">Final Judgement</a></h2>
<a href="profile.game?user_id=10832" class="pull-left avatarContainer"><img src="https://cbsargecom.ipage.com/imgs/FJinstead.png" border="0" class="memberImg"></a>
<div class="levelBlock">
<p>Level: 79</p>
</div>
</div>
</div>

...这是应该更改图像的块，但没有更改。

<div class="col-sm-4">
<div class="playerCard leader">
<h2 class="clanMemberName"><a href="profile.game?user_id=10824">zoмвιe eх-ɢιrlғrιeɴd</a></h2>
<a href="profile.game?user_id=10824" class="pull-left avatarContainer"><img src="/imgs/avatar/generated/15_140_118_1168_1519_574_306_982_181_125.png" border="0" class="memberImg"></a>
<div class="levelBlock">
<p>Level: 29</p>
</div>
<h4>Leader</h4>
<div class="actions">
<form method="GET" action="send_message.game">
<input type="hidden" name="recipient_id" value="10824">
<button class="btn btn-mini" type="submit" name="message">Message</button>
</form>
</div>
</div>
</div>

谢谢。

为什么只有这些JQuery行之一运行？

0 个答案: