Выберите каждый элемент, найденный с помощью селектора 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.