Как спарисить содержимое тега «a» через javascript и вывести значение?

Question

[Denys]

Доброго времени суток!
Подскажите, не силен в js.

В корзине товаров выводятся id каждого товара в теге <a class="id-tovara">123</a>
Может быть от 0 до бесконечности товаров. Нужно записать все значения в массив и вывести через запятую в формате
['id1' , 'id2', 'id3]
если товар один, то
'id1' (без запятых и квадратных скобок соответственно),
если товаров 0 , то
'' (пустое значение).

Comments

[Stalker_RED]

Непонятно в каком виде записаны эти id изначально (и с какого перепугу в тегах <a>).
Требование про квадратные скобочки выглядит как-то дико. Потом же эти три проверки придется делать в коде, который эти данные принимает. Чем плох массив с одним элементом или пустой массив?

И вообще, суть домашки в том, чтобы закрепить знания и чему-то научиться, а не чтобы люди-из-интернета сделали ее за тебя.

[Denys]

Stalker_RED, собственно это не совсем домашка, а требования гугла для установки кода динамического ремаркетинга. Как я написал выше - js я не знаю, на php сделать это не получается.

Теперь по делу:
Тег А - я туда засунул id товара и добавил одинаковый класс, для того, что бы было за что зацепиться. Почему именно А (если это имеет значение), потому, что не могу вставить span/div в таблицу.

Может я не очень правильно озвучил условия, попробую написать понятный пример:

<a class="id-tovara">100001</a>
<a class="id-tovara">100002</a>
<a class="id-tovara">100055</a>
<a class="id-tovara">ccc100056</a>
<a class="id-tovara">bbb100057</a>

В результате должно получиться:

var google_tag_params = {
dynx_itemid: ['100001' , '100002', '100055', 'ccc100056', 'bbb100057' ],
dynx_pagetype: 'cart',
};

Если товар 1, то:
<a class="id-tovara">100001</a>

Результат:

var google_tag_params = {
dynx_itemid: '100001',
dynx_pagetype: 'cart',
};

Подискутировать с Вами на тему почему не сделать так или иначе не смогу, т.к. писал выше, что не силен в js.

Answer 1

[Stalker_RED]

Как-то так:

var result = null, list = Array.from(document.querySelectorAll('.id-tovara'))
if (!list.length) result = ''
else if (list.length === 1) result = list[0].textContent
else result = "['" + list.map(el=>el.textContent).join("','") + "']"

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

Comments

[Denys]

Спасибо, то, что нужно!

[Denys]

Stalker_RED , есть правда один момент, существует ли возможность вывести результат в исходном коде?

[Stalker_RED]

Denys, да. Непонятно только, что такое "вывести результат в исходном коде", но скорее всего да.

[Denys]

Stalker_RED,

нужно, что бы при просмотре через ctr+u был результат в виде самих ID