улучшить производительность моего селектора JQuery - удалить использование jquery.find

Question

У меня есть этот код:

$item = $row.find('td[data-id="' + id + '"]'); 

$ строка является ссылкой JQuery к строке таблицы. Есть ли способ оптимизировать этот код? Я действительно не хочу использовать функцию поиска, если только это не нужно. Мне было интересно, могу ли я сделать что-то вроде:

$item = $($row + 'td[data-id="' + id + '"]'); 

но это не работает. Есть ли способ улучшить этот код? В моем коде это называется много раз и, кажется, вызывает проблемы в IE.

Answer 1

без использования явно найти

$item = $('td[data-id="' + id + '"]',$row); 

хотя .find() быстрее, то тогда, что я предложил

Answer 2

Это очень маленький кусочек кода, чтобы попытаться оптимизировать. Вы говорите, что это называется много раз. Вы должны посмотреть, как сделать один вызов, чтобы извлечь все нужные вам ячейки, а затем работать с полученной коллекцией. Некоторые HTML помогут узнать, действительно ли это возможно.

Answer 3

В вашем конкретном случае, у вас уже есть первый выбор и желает искать в этом результате

вы можете сделать

//passing the $row as the context for the selection 
$("'td[data-id="' + id + '"]'",row); 

или

$row.find('td[data-id="' + id + '"]') 

Однако бывший на самом деле называть последний после прохождения нескольких if s, так что последний всегда будет превосходить прежний

используя .find(), как правило, хорошо, когда дело доходит до производительности. В сложных селекторов, как

$("table td div") 

В div «s найдены, а затем filterended на основе своих родителей и родителей их родителей после этого. с помощью функции поиска вы можете заставить выделенную для оценки слева направо вместо

$("table").find("td").find("div") 

Последняя будет выполнена быстрее, если у вас есть более div´'s than table`-х