jquery - jQuery を使用してリスト アイテム リンクに ID を適用する

Question

順序付けられていないリスト項目に ID を追加したい。タグではなく、タグ<li>内で次の<li>ようにします。

<li><a href="#" id="Here i want to add an id"></a></li>

ご覧のとおり、a タグ内に ID を追加したいと思います。

Answer 1

$('li > a').attr('id', 'id_to_add');

理想的には、そのためのより具体的なセレクターが必要ですli。あなたはそれをよりよく識別するために使用できるあなたliのclassまたはを与えるべきです、例えばid

<li class="needs-id">...

$('li.needs-id > a').attr('id', '...');

Answer 2

ドキュメントに重複した ID を導入しないようにする必要があります。そのため、ID がドキュメントで既に使用されているかどうかをテストする必要があります。ノードのセットで使用attr('id', 'some_id')すると、重複が直接発生します。そのため、 を使用していくつかの反復を行う必要があります.each。また、不要な副作用を引き起こす可能性がある既存の ID を誤って削除しないようにする必要があります。

function generateId(base) {
    generateId.iterator = generateId.iterator || 1;
    base = base || '';
    while (document.getElementById(base + generateId.iterator)) {
       generateId.iterator ++;
    }
    return base + generateId.iterator;
}

$('li > a').each(function() {
    this.id = this.id || generateId();
});