JQuery получить элемент ID от его значения

Question

Эй, ребята, у меня проблема в JQuery. Мне нужно получить идентификатор элемента из его значения. Мне нужно найти идентификатор элемента, имеющего максимальное значение.

var M = Math.max($("#textbox1").val(), 
     $("#textbox8").val(), 
     $("#textbox15").val(), 
     $("#textbox22").val(), 
     $("#textbox29").val(), 
     $("#textbox36").val(), 
     $("#textbox43").val(), 
     $("#textbox50").val()); 

Теперь предположим, что я получаю максимальное значение, чтобы быть TextBox1 и я получаю это значение в М.

Теперь мне нужно найти идентификатор элемента в зависимости от значения М, а затем изменить цвет этого текстового поля. Как это сделать? делаю как это, но он не работает:

var pp = $(this).attr(M, 'id'); 

Answer 1

var id = $('input:text').filter(function(){ 
    return this.value === M.toString(); 
}).prop('id'); 

Answer 2

Вы можете использовать attribute equals selector ([name="value"]). Предположим, что у вас есть эти значения HTML:

<input id="textbox1" value="2" /> 
<input id="textbox2" value="5" /> 
<input id="textbox3" value="3" /> 

Чтобы получить идентификатор элемента с наибольшим значением (TextBox2, в данном случае), вы бы Вы использовали бы:

var M = 5; /* As calculated */ 
$('input[value="' + M + '"]')[0].id; /* textbox2 */ 

JSFiddle example.

Следует отметить, что выбор атрибута more than 80% faster, чем использование filter().

---

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

$('input[value="' + M + '"]').css({ 
    color: '#f00' 
}); 

Смотрите этот модифицированный JSFiddle demo.

Answer 3

Немного запутанная, но если у вас есть максимальное значение, вы можете получить все текстовые поля, фильтр от того, кто имеет это значение и изменить цвет:

$('input[type="text"]').filter(function(index) { 
    return $(element).val() == M 
}).css('background-color', 'red');