Jquery - получить Div HTML из строки

Question

У меня есть строка, содержащая HTML, в том числе несколько div.Мне нужно получить html от одного из тех div, у которого есть класс .image-desc.

Я думал, что смогу сделать следующее, но это не работает:

$('<div class="image-title">Title</div><div class="image-desc">Description</div>').find('.image-desc').html();

Есть идеи, как мне это сделать?

Answer 1

Проблема в том, что .find () будет искать дочерние элементы, а не элементы в текущем объекте jQuery.

Используйте .filter () для фильтрациитекущий выбор:

$('<div class="image-title">Title</div><div class="image-desc">Description</div>')
    .filter('.image-desc').html();

Рабочий пример на jsfiddle

Answer 2

То, что вы пишете

$('<div class="image-title">Title</div><div class="image-desc">Description</div>')

создаст объект jQuery, содержащий два элемента div.Так что

$('<div class="image-title">Title</div><div class="image-desc">Description</div>').each(function(){
        if($(this).hasClass('image-desc')){
             //do whatever you want
        }
})

должно работать

РЕДАКТИРОВАТЬ: @ Дидье Гиса ответ точнее