Как мне превратить «выбрать все цели вкладок данных» в jquery?

Question

const tabs = document.querySelectorAll("[data-tab-target]");

I затем l oop через цели табуляции tabs.forEach(tab

Я не уверен, как захватить все цели табуляции данных с помощью jquery и затем l oop через все отдельные вкладки

Answer 1

Я думаю, вы ищете что-то вроде этого:

const tabs = $("[data-tab-target]");

tabs.each(function (index, tab) {
  console.log(index);
  console.log(tab);
});

// using arrow function
tabs.each((index, tab) => {
  console.log(index);
  console.log(tab);
});

// specific attribute
var target = $("[data-tab-target='1']");

// using for loop
for (var tab of Array.from(tabs)) {
  console.log(tab);
}

for (var tab of [...tabs]) {
  console.log(tab);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<div data-tab-target="1">1</div>
<div data-tab-target="2">2</div>
<div data-tab-target="3">3</div>

Answer 2

$('[data-tab-target]').each(function(index) { 
    console.log(index);
    // Do something here 
};

Jquery каждая функция перебирает каждый из элементов DOM, выбранных запросом, затем вы можете сделать что-то с каждым из этих значений.

$. Each: https://api.jquery.com/each/

Answer 3

$('[data-tab-target]').each(function(){
   var tab = $(this);
  //...do stuff
});