javascript - 使用 jQuery 或 javascript 查找最接近的匹配值

Question

考虑一个标记，例如

<select id="blah">
  <option value="3">Some text</option>
  <option value="4">Some text</option>
  <option value="8">Some text</option> // <---- target this tag based on value 7
  <option value="19">Some text</option>
</select>

假设我有一个值，比如 7。是否可以定位 value 的选项标签？属性最接近 7，在本例中为 <option value="8"> ？

我知道 ^这意味着从 $ 开始这意味着结束并希望是否有类似的东西找到给定值的最接近匹配。

Answer 1

我会这样:

http://jsfiddle.net/GNNHy/

var $tmpOption = $('<option value="7">Some text 7</option>');
$("#blah").append($tmpOption);
var my_options = $("#blah option");
my_options.sort(function(a,b) {
    if (parseInt(a.value,10) > parseInt(b.value,10)) return 1;
    else if (parseInt(a.value,10) < parseInt(b.value,10)) return -1;
    else return 0
})

$("#blah").empty().append( my_options );