У меня есть группа изображений, каждая из которых имеет data-type="type,type"
, поэтому для облегчения моей жизни я намерен захватить тип данных и сделать их в массив (завернутый каждый из них в промежутке) и присоединить их к элементу категории.Удалить дублируемое значение, сгенерированное данными элемента
$('li.grid-item').each(function() {
// grab a reference to the current li
var $el = $(this);
// get the url from its data-class attribute
var arr = $el.find('img').data('type').split(',');
$.each(arr, function (index, value) {
$el.find('.category').append('<span>' + value + '</span>');
$el.addClass(value);
});
});
<li class="grid-item">
<figure>
<img src="img/sticker/still/sticker_30.png" alt="sticker" title="You know I'm good" data-type="others/" data-price="9 bahts" data-alt="img/sticker/ani/sticker_30.gif" />
</figure>
<a href="#">
<span class="download ala_carte">CONTINUE</span>
</a>
<div class="category"></div>
</li>
Он отлично работает, но дублируется 20 из каждого значения, пожалуйста, помогите. Как удалить значение дублированного массива? Пожалуйста, помогите, спасибо заранее.
Я не вижу ничего тиражирующего 20x. https://jsfiddle.net/atg5m6ym/5587/ – chungtinhlakho
Что сказал @chungtinhlakho! Пробовал это и в другой скрипке, я не могу воспроизвести эту проблему. Это либо какая-то проблема с каким-то другим кодом, либо чем-то еще. Предоставьте больше информации, пожалуйста! –
[link] (http://greysaga.com/demo/ms/) Я положил его сюда, посмотрю, спасибо! –