Как использовать: содержит (текст) с любым текстом с помощью jQuery

Question

С помощью jQuery можно использовать:

$(":contains(hello)")

Будет возвращен любой соответствующий элемент, содержащий текст «привет».

Я хочу соответствовать любому тексту, особенно "hello :)".

$(":contains(hello :))") // Doesn't work
$(":contains('hello :)')") // Doesn't work
$(":contains('hello :\)')") // Doesn't work

Как найти элементы, содержащие "hello :)" с помощью jQuery?

Answer 1

См. этот ответ о том, как.

Это в основном включает .filter, чтобы обойти известную :contains ошибку :

$('#demo').filter(function(i, el) {
    return !!$(el).text().match(/hello :\)/);
});

Live пример .

Обратите внимание, что выполнение .length в результате этого может дать вам значение больше 1, даже если только один элемент содержит этот текстпотому что родители элемента также будут совпадать.

Answer 2

Это, кажется, открытая ошибка: http://bugs.jquery.com/ticket/5482

И есть это утверждение из jakkob:

Я также обнаружил, что ошибка возникаеттолько если скобка находится в самом конце содержимого-выражения.

Answer 3

Быстрый код:

jQuery.fn.contains = function(re) {
  return this.filter(function(i, el) {
    return !$(el).text().match(RegExp(re));
  });
};

Таким образом, вы можете сделать:

$("*").contains(":\\)") // returns all elements in the page that contains ':)'

Примечание: contains () принимает регулярное выражение (то есть вам нужно экранировать все, что нужно экранироватьдля регулярного выражения)

Answer 4

из jQuery:

Если вы хотите использовать любой из мета-символов (например,! "# $% & '() * +,. / :; <=>? @ [] ^` {|} ~) В качестве литерала часть имени, вы должны экранировать персонажа двумя обратными слешами: \\

так что попробуйте

$(":contains('hello \\:\\)')")