Question

<ul id="chapters">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>

var a = $("#chapters li");

如何获取变量a，因为它包含以下结果：

a = "<li>One</li>    <li>Two</li>    <li>Three</li>"

Answer 1

您要做的是获取#chapters的HTML内容。

您将使用

$("#chapters").html()

var a = $("#chapters").html();
console.log(a);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="chapters">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>

您还可以删除换行符并修剪空格以获得准确的结果：

$("#chapters").html().replace(/\n/g,'').trim();

var a = $("#chapters").html().replace(/\n/g,'').trim();
console.log(a);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="chapters">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>

Answer 2

＆＃13;

var a = $('#chapters').children( $('li'))
console.log(a.toArray());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="chapters">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>

＆＃13;

您可以使用jQuery childer方法。

$('#chapters').children( $('li'))

Answer 3

$('#chapters').find('li')

这应该可以解决问题。

如何从<ul>中获取<li>和jquery中的标记

3 个答案: