Рони,
Спасибо утром уже посмотрю результат. На вид вроде понятно. А то уже с телефона сижу . |
SanteR,
Не надо .end. Пардон <input type="text" id="model"> <div class="hero-grid"> <a href="">aaa</a> <a href="">bbb</a> <a href="">ccc</a> <a href="">ddd</a> <a href="">eee</a> <a href="">fff</a> <a href="">ggg</a> <a href="">hhh</a> <a href="">iii</a> <a href="">nnn</a> <a href="">abc</a> </div>
$('#model').on('input', function() {
var $this = $(this);
$('.hero-grid a')
.css('opacity', '1')
.not(':contains('+$this.val().toLowerCase()+')')
.css('opacity', '0.1')
});
Либо как рони предлагает |
Метод Coriolan161 по быстрее вроде работает, спасибо.
В методе рони основная функция выполняется единожды, а вот этот код
a.css("opacity", function() {
return this.textContent.toLowerCase().indexOf(text) > -1 ? 1 : .1
выполняется каждый раз и среднее время 22ms. Если я правильно замерял время для вложенных функций в методе рони :-? Спасибо вам! |
SanteR,
в моём решении меньше циклов чем у Coriolan161, теоретически должно работать быстрее :) но в данном случае думаю разница не существенна. |
|
рони,
Я у себя проверил на 120 ссылках. Вот для наглядности можете глянуть тут 112 ссылок что ли. Разница приличная. https://jsfiddle.net/SanteR1/myef39d4/9/ https://jsfiddle.net/SanteR1/myef39d4/10/ Может такая разница из за метода .indexOf в отличии от :contains :write: |
SanteR,
да с css("opacity", function ) получается медленнее, можно без jquery попробовать |
|
рони,
Я вообще новичок в jquery. Этот вариант самый быстрый)) :dance: Спасибо еще раз всем! |
| Часовой пояс GMT +3, время: 17:21. |