JQuery цикл через массив для правой кнопкой

Question

я в настоящее время этот рабочий код:

$('#imgX').on('click', function(){ 
    $('table#newspaper-a tr:has(td.X)').toggle(); 
}); 

Мой вопрос, можно ли Måken массив из 1-100 (для значения X) и Повсеместно петли чтобы увидеть, нажата ли кнопка? Поскольку у меня есть кнопка на каждом td с именем «img1» «img2», и я хочу, чтобы эта кнопка переключала td с тем же номером.

Answer 1

Вы бы лучше добавить атрибут data-, чтобы попытаться определить правильное изображение:

HTML

<img src="whatever.jpg" data-idx="1" alt="My Image" /> 
<img src="whatever.jpg" data-idx="2" alt="My Image" /> 
<img src="whatever.jpg" data-idx="3" alt="My Image" /> 
<img src="whatever.jpg" data-idx="4" alt="My Image" /> 
<img src="whatever.jpg" data-idx="5" alt="My Image" /> 
<table id="newspaper-a"> 
    <tr> 
     <td class="td1">1</td> 
     <td class="td2">2</td> 
     <td class="td3">3</td> 
     <td class="td4">4</td> 
     <td class="td5">5</td> 
    </tr> 
</table> 

JQuery

$('img').on('click', function(){ 
    $('table#newspaper-a tr:has(td.td' + $(this).data("idx") + ')').toggle(); 
}); 

Кроме того, классы CSS не могут начать с номером, поэтому вам нужно будет префикс idx с чем-то. Here - это скрипка, демонстрирующая вышеизложенное.

Answer 2

Проникновение через все tds - не очень хорошая идея. Что делать, если у вас 1000 строк или что-то в этом роде. Я предлагаю использовать такой скрипт:

$("#yourbutton").on("click", function() { 
    $(this).parent().toggle(); 
}); 

I.e. .parent() выбирает td, из которого кнопки являются частью.

P.S. Вы должны действительно попытаться оптимизировать свои селекторы. Твоя выглядит немного сумасшедшей.