使用jquery从div中拆分文本

时间:2017-02-27 08:46:04

标签: javascript jquery html css arrays

<div id="qselected">
    <div class="qitem di ui-draggable ui-draggable-handle">
        2.A computational agent is considered intelligent if it can adapt its actions to a particular setting.
    </div>
    <div class="qitem di ui-draggable ui-draggable-handle">
        4.A computational agent is considered intelligent if it can adapt its actions to a particular setting.
    </div>
</div>
ans5 = $('#qselected div').map(function(){
    return this.class;
});
for(i=0; i < ans5.length; i++)
    alert(ans5[i]);

如何从div“qselected”和“qitem”类中获取文本。我想讲述div和div中的所有文本。从数组arr [0]到2.A计算代理被认为是智能的,如果它可以使其动作适应特定的设置。类似于arr [1]到4.A计算代理如果它可以使其行为适应特定的环境,则被认为是智能的。帮助我摆脱这个问题。提前谢谢。

2 个答案:

答案 0 :(得分:2)

代码中的问题是您没有访问正确的属性。没有class属性,因此必须返回 undefined

您需要在textContent.get()中返回.map()属性才能获得基本数组。

var arr = $('#qselected .qitem').map(function(key, item){
   return this.textContent.trim(); //$(this).text().trim();
}).get();
console.log(arr)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="qselected">
    <div class="qitem di ui-draggable ui-draggable-handle">
        2.A computational agent is considered intelligent if it can adapt its actions to a particular setting.
    </div>
    <div class="qitem di ui-draggable ui-draggable-handle">
        4.A computational agent is considered intelligent if it can adapt its actions to a particular setting.
    </div>
</div>

答案 1 :(得分:1)

如果您希望在不使用jquery

的情况下完成
var arr = Array.prototype.slice.call(document.querySelectorAll('.qitem')).map(function(a){return a.textContent});