如何使用 jQuery 检索具有相同类的多个 <input> 元素的最大宽度？

Question

我有五个不同宽度的输入元素，但它们都共享同一个类，例如，class="c1"。

我正在寻找一种使用 jQuery 检索其中最大宽度的方法。谁能提出解决方案？谢谢。

Answer 1

您可以通过遍历每个元素并检查每个元素的宽度是否大于下一个元素并将最大宽度存储在变量中以确保当前宽度大于前一个来实现此目的。 这是一个应该有效的示例代码片段

let maxWidth = 0;
$('.c1').each(function() {
    const elWidth = $(this).width();
    if(elWidth > maxWidth){
        maxWidth = elWidth;
    }
});
console.log('Max width', maxWidth)

希望你觉得这有用:)