Question

我希望在ul li标签中使用类'pull-left'获取所有span元素的值。下面是我尝试过的代码，但我得到一个空列表。我哪里错了？

    <html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">                              
        </script>
        <script>
            var textArray = $('.order-review ul li h3').find('span.pull-left').map(function(){
                return $(this).text();
            }).get();
            console.log(textArray);
        </script>
    </head>
    <body>

        <div class="order-review">
             <h2 class="color text-center">your </h2>
             <ul class="order-summary"><li><h3><span class="pull-left">food</span><span class="pull-right color">×1</span></h3></li></ul>
             <ul class="order-summary"><li><h3><span class="pull-left">food1</span><span class="pull-right color">×1</span></h3></li></ul>                        
        </div>
    </body>
    </html>

Answer 1

很常见的问题......

您需要将您的功能包装在jQuery ready函数中。

您的代码应如下所示：

$(function()
{
    var textArray = $('.order-review ul li h3').find('span.pull-left').map(function(){
        return $(this).text();
    }).get();
    console.log(textArray);
});

Answer 2

如果我将您的代码放入a jsfiddle document，它就可以了。如果你想让你的js保持在同一个地方，你必须以这种方式包装你的代码：

$(document).ready(function(){
    // Your JS code
});

这将在DOM树完全加载时执行javascript。

获取ul中所有span元素的值

2 个答案: