Использование html () в качестве атрибута с jQuery

Question

Я пытаюсь выбрать элемент в списке в зависимости от его содержания HTML. Я надеялся сделать что-то вроде $('li[html="something"]'), но, конечно, HTML не является атрибутом. Существует ли операция на основе эквивалентного множества?

Конечно, я могу перебрать все элементы в списке, используя $.each(), но мне кажется, что это будет намного медленнее.

Answer 1

вы можете попробовать: селектор ()

http://api.jquery.com/contains-selector/

$("li:contains('something')")

Для точного соответствия (по ссылке выше):

$.expr[":"].contains = function(obj, index, meta, stack){
    return $.trim($(obj).html()) == meta[3];
}

Использование:

$("li:contains('john')")

Это будет соответствовать только <li>John</li>, но не <li>A. John</li>, а <li>John 6</li> ... просто <li>John</li>!

Answer 2

Спасибо, что указали мне правильное направление, но для правильного решения необходимо использовать это с помощью $ .extend. Вот что я придумал:

$.extend($.expr[':'], {
    'hasHtml': function(elem, i, attr) {
        return ($(elem).html() == attr[3]);
    }
});

Answer 3

Посмотрите на селектор contains():

http://api.jquery.com/contains-selector/