Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как оставить только одно значение в data-атрибуте без запятой?

Как оставить только одно значение в data-атрибуте без запятой?


     15.06.2021    Все вопросы » jQuery    977

вопрос
Всем привет, никак не соображу, как поправить код.
(function ($) {
var options = [];
$(document).on('click', '.show-options', function(){
$('.options').hide();
options = $(this).data('options').split(',');
options.forEach(function(value){
$('#'+value).show(); 
});
return false;
});
})(jQuery);

<button data-options="1,2,3" class="show-options">1</button>
<button data-options="4,5,6" class="show-options">2</button>
<div class="row">
<div class="col-sm-1 options">1</div>
<div class="col-sm-2 options">2</div>
<div class="col-sm-3 options">3</div>
<div class="col-sm-4 options">4</div>
<div class="col-sm-5 options">5</div>
<div class="col-sm-6 options">6</div>
</div>

Здесь, блоки, которые нужно показать при клике, указываются в data-атрибуте через запятую, далее при клике, атрибут разбивается по запятой, массив перебирается на соответствие значения с классом блока.
Собственно, как правильно убрать массив и оставить для сравнения только одно значение в data-атрибуте без запятых?
<button data-options="1" class="show-options">1</button>
<button data-options="2" class="show-options">2</button>

Ответа пока нет


1 комментарий

TeraMoune
Эксперт

TeraMoune - 15 июня 2021 22:18 -

Ну наверное обратиться к конкретному ключу массива и использовать значение порядкового номера. Почитайте что-нибудь о массивах, полезно будет.

Значение 3 ключа

array[2]

Тестовый репозиторий установки плагинов: teramoune

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх