Выберите каждый элемент, найденный с помощью селектора jquery, независимо, запустите функцию "нагрузка", так сказать

Я пытаюсь установить ширину элемента для следующего брата с определенным классом. Я работаю, но он устанавливает все экземпляры в соответствии с шириной первых экземпляров желаемого брака. Я думаю, что мне нужно запустить функцию, чтобы я мог использовать селектор $ (this) для указания этого следующего брата, но не могу определить подходящее событие jquery. Попробовали(), read() и onload().

Jquery

$(".table-title").css("width", $(".table-title").next(".data-table").width() - 1);
$(".table-footer").css("width", $(".table-title").next(".data-table").width() - 1);

HTML

<div>
 <h3>Data Table</h3>
 <table>
 <tbody><tr>
 <th>ID</th>
 <th>Username</th>
 <th>Email</th>
 <th>Password</th>
 </tr>
 <tr>
 <td>1</td>
 <td>Derp</td>
 <td>[removed_email]</td>
 <td>123</td>
 </tr>
 <tr>
 <td>2</td>
 <td>Foo</td>
 <td>bar@foo.404</td>
 <td>lolz</td>
 </tr>
 </tbody></table>
 <div>
 Table footer
 </div>
 </div>
1 ответ

Вы можете передать функцию как параметр, который будет вызываться для каждого элемента в коллекции jQuery:

$(".table-title").css("width", function() {
 return $(this).next(".data-table").width() - 1);
});

licensed under cc by-sa 3.0 with attribution.