javascript - 从 UL 列表中获取标题属性并检查标题是否已存在

Question

我有这个 UL:

<ul>
    <li class="list-group-item" title="Test1">Test1</li>
    <li class="list-group-item" title="Test2">Test2</li>
    <li class="list-group-item" title="Test3">Test3</li>
</ul>

我有一个带有新 <li> 的字符串插入但我需要检查这个新标题是否已经存在以防止重复。

如何使用 JavaScript 或 jQuery 做到这一点？

Answer 1

您可以按照下面的方式进行。检查演示 - Fiddle .

var newTitle = 'Test1';
if ( $('[title="' + newTitle  + '"]').length === 0 ) {
    $('ul').append('<li class="list-group-item" title="' + newTitle +'">' + newTitle + '</li>');
}