javascript - 当在页面上显示两次时，如何定位没有任何唯一标识符的特定 html？

Question

这是我的代码:

<div id="authorarea">
<img alt="" src="#" height="70" width="70">
<p class="written">
    Written by: <a href="http://www.revitalagency.com/author/admin/" title="Steven Stamkos" rel="author">Steven Stamkos</a>
</p>
<div class="authorinfo">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

<div id="authorarea">
<img alt="" src="#" height="70" width="70">
<p class="written">
    Written by: <a href="http://www.revitalagency.com/author/admin/" title="Nikita Kucherov" rel="author">Nikita Kucherov</a>
</p>
<div class="authorinfo">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

唯一的区别是“标题”和 a 标签内的内容。

我尝试做这样的事情，但我没有正确捕获标题:

if ($('#authorarea .written a').attr('title', 'Steven Stamkos')) {

$('#authorarea .authorinfo').append('<div>test</div>');

} else if ($('#authorarea .written a').attr('title', 'Nikita Kucherov')) {

$('#authorarea .authorinfo').append('<div>test2</div>');

}

因此，我正在寻找有关如何正确定位标题或 a 标记内的内容的建议。非常感谢您的帮助，我希望我能够足够正确地解释我正在尝试做的事情。

Answer 1

您当前的代码

if ( $('#authorarea .written a').attr('title', 'Steven Stamkos') ) {}

将属性设置为给定值，然后返回一个自然评估为 true 的 jQuery 对象。

你可能想要的是

if ( $('#authorarea .written a').attr('title').localeCompare('Steven Stamkos') === 0 ) {}