多个类似的Class和返回文本

时间:2016-08-26 00:03:21

标签: javascript jquery

function() {
    return $('.labels').text();
}
<div class="answer">
    <span class="labels short-label">I am moving house</span>
    <span class="labels">I want to free up my money</span>
    <span class="labels">I have inherited the property </span>
    <span class="labels short-label">Other</span>
</div>

我想在每个单独的类中返回文本,我写过jQuery,遗憾的是不会返回单个文本。

1 个答案:

答案 0 :(得分:2)

如果你只想得到“我搬家”:

使用此代码:

$(document).ready(function(){

    var txt = $(".labels").eq(0).text();

    alert(txt); // return txt;

})

最终代码:

<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <div class="answer">
       <span class="labels short-label">I am moving house</span>
       <span class="labels">I want to free up my money</span>
       <span class="labels">I have inherited the property </span>
       <span class="labels short-label">Other</span>
    </div>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
    $(document).ready(function(){

        var txt = $(".labels").eq(0).text();

        alert(txt); // return txt;

    })
    </script>
</body>
</html>