Это ключевое слово + элемент DOM в jQuery

Question

Я создаю скрипт, который будет добавлять , к каждому элементу списка неупорядоченного списка, за исключением последнего элемента списка - он должен заканчиваться ; . Это должно происходить для каждого неупорядоченного списка!

Это как ...

<ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>

<ul>
  <li>d</li>
  <li>e</li>
  <li>f</li>
</ul>

... чтобы:

<ul>
  <li>a,</li>
  <li>b,</li>
  <li>c;</li>
</ul>

<ul>
  <li>d,</li>
  <li>e,</li>
  <li>f;</li>
</ul>

В данный момент мой код выглядит следующим образом ...

$('ul').each(function(i) {
    var listsLength = $(this + 'li').length;
    $(this + 'li').each(function(j) {
        if (i == (listsLength - 1)) {
            $(this).append(';');
        } else {
            $(this).append(',');
        }
    });
}

Я думаю, что проблема в этом коде ...

$( this + 'li' )

Есть идеи, как получить такой же эффект?

Edit:

Исправлено. На самом деле также была синтаксическая ошибка, и я также использовал i , где j . Теперь все работает и вот результат .

Редактировать # 2:

Просто используйте код @lonesomeday ... он очень удобочитаемый и легкий!

Answer 1

Вы не можете сделать this + 'li'.this, в этом контексте, является элементом DOM, а не строкой.Чтобы получить желаемый эффект, вам понадобится $(this).find('li').

Ваш цикл также не нужен.Вы можете сделать что-то намного лучше с :last-child:

$('ul li:last-child').append(';');
$('ul li:not(:last-child)').append(',');

Эти две строки будут иметь желаемый эффект.

Answer 2

Вместо $( this + 'li' ) до $( 'li', this )

Answer 3

this + 'li' попытается преобразовать this в строку, а затем конкатать 'li' в нее.

Попробуйте вместо этого:

$('li', this)

Answer 4

Вместо этого вы можете использовать

$(this).find ('>li').each(...)

(если проблема действительно здесь).