Получить выбор из определенного HTML-кода

Question

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

str = "<li>Some text...</li>";

Теперь я хочу получить этот текст между тегами "li", используя переменную str. в качестве ввода. Я попробовал что-то подобное, но это не сработало:

$(str + 'li').html();

Есть идеи?

Answer 1

Попробуйте вместо этого

$(str).html()

http://jsfiddle.net/kSpBp/

Как указано в комментариях, стоит назвать разницу между html () и text () .

text () будет «Получать объединенное текстовое содержимое каждого элемента в наборе соответствующих элементов, включая их потомков».

html () будет «Получать содержимое HTML первого элемента в наборе соответствующих элементов».

На практике это будет выглядеть так:

str = "<li>This is so <span>great!</span></li>"
$(str).html() // "This is so <span>great!</span>"
$(str).text() // "This is so great!"

Answer 2

Чтобы найти HTML-код внутреннего <li>, введите:

var str = "<div>hello</div><ul><li>Some text...</li><li>second item</li></ul>";
var myText = $(str).find("li").html();

(обратите внимание, что это даст вам внутренний HTML только для первого элемента списка)

Живой тестовый пример .

Редактировать: похоже, что для более «сложных» вещей вы должны добавить HTML-код к фактическому DOM, чтобы jQuery мог его правильно проанализировать.

Для этого добавьте в документ контейнер-пустышку:

<div id="DummyContainer"></div>

Затем используйте вместо этого такой код:

var str = '<div>hello</div><ul><li>Some text...</li><li>second item</li></ul><input type="hidden" name="some_int" value="15" />';
var container = $("#DummyContainer");
container.hide().html(str);
var myVal = container.find("input").val();
alert(myVal);

Обновлен jsFiddle .

Answer 3

str = "<li>Some text...</li>";
$(str).text();

Answer 4

попробуй:

alert($('<li>Some text...</li>').text());