获取具有最高数值的输入元素的输入id

Question

我有几个带有类名的输入字段scores，它们的 id 是随机的，并且输入字段肯定是动态的，但具有相同的类名。<input type="text" class="scores" id="1dhs3d" value="50"><input type="text" class="scores" id="ae34bd" value="100"><input type="text" class="scores" id="6ydbbd" value="15">我如何获取具有最高值的输入的 id（在本例中为 ae34bd）。注意：我可能有多个“相同高分”的元素我已经尝试过这个：var max_=[];$('.scores').each(function(){ max_.push( $(this).val() ); });var max = Math.max.apply(Math, max_);这样，只能获得最高值，但我需要知道具有最高值的元素的 id。

Answer 1

据我所知，您已经得到了答案，但我已经在 JavaScript 中完成了此操作，并获取是否有多个字段具有相同的最高值。

let elements = document.getElementsByClassName('scores');

    elements = [...elements];

    console.log(...elements)

    

    let max = Math.max.apply(Math, elements.map(e=>Number(e.value)))

  console.log(max)

    

    let allMaxIds = elements.filter(e=>{

      return max === Number(e.value);

            

   }).map(e=> {return {id:e.id,score:Number(e.value)}});

    

    console.log(allMaxIds)

<input type="text" class="scores" id="1dhs3d" value="50">

<input type="text" class="scores" id="ae34bd" value="100">

<input type="text" class="scores" id="ae34bb" value="100">

<input type="text" class="scores" id="6ydbbd" value="15">

Answer 2

这是一个使用 Array 对象排序的选项：

let scores = Array.from($(".scores"));

let sortedElements = scores.sort((a, b) => parseInt($(b).val()) - parseInt($(a).val()));

let $max = $(sortedElements[0]);

console.log("Element id with highest score: #" + $max.attr('id'));

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

<input type="text" class="scores" id="1dhs3d" value="50">

<input type="text" class="scores" id="ae34bd" value="100">

<input type="text" class="scores" id="6ydbbd" value="15">

<input type="text" class="scores" id="6ydb2d" value="15">

https://jsfiddle.net/zvkh12s6/