Найти точный код html в html документе

Question

Я пытаюсь найти точную копию html-кода в документе.

Я попытался

$("#tabs-1").find('div:contains(a)').html() 

HTML:

<div class="appointment" data-status="yes"> 
    <a class="app">Yuri G.</a> 
</div> 

Предоставляет ли JQuery любую функцию для этого, или я должен использовать Regex?

Обновление: У меня есть несколько div с назначением класса, с одинаковыми атрибутами в другом элементе контейнера div. Я пытаюсь скопировать их в другое место путем перетаскивания. Я хочу убедиться, что копия еще не существует в месте перетаскивания

Answer 1

:contains для текста, попробуйте использовать вместо :has.

$("#tabs-1").find('div:has(a)').html() 

Или, если вы хотите, чтобы весь DIV в виде строки, вам нужно использовать outerHTML:

$("#tabs-1").find('div:has(a)').prop('outerHTML') 

DEMO: http://jsfiddle.net/SupSA/

Answer 2

Вы не можете использовать :contains, чтобы найти HTML, только текст.

Вы должны использовать поиск DOM, а не поиск текста. Этот код получает точный текст в теге <a>. Вы можете сравнить этот текст, чтобы увидеть, если это то, что вы искали:

$("#tabs-1").find(".appointment[data-status='yes'] a.app").text(); 

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

Если есть несколько дивы назначения, то вы можете найти тот, который имеет нужный текст, например:

$("#tabs-1").find(".appointment[data-status='yes'] a.app:contains(Yuri G.)") 

Answer 3

Попробуйте

$("#tabs-1").find('div:has(a:contains("Yuri G.").app)') 

(см http://jsfiddle.net/DB9Xh/)