使用jquery从div中拆分文本答案

【问题标题】：Split text from div using jquery使用jquery从div中拆分文本
【发布时间】：2017-02-27 08:46:04
【问题描述】：

<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 id "qselected" 和类 "qitem" 中获取文本。我想讲述 div 和 div 中的所有文本。从数组 arr[0] 到 2。如果计算代理可以使其动作适应特定设置，则它被认为是智能的。对于 arr[1] 到 4.A 计算代理类似如果它可以根据特定设置调整其行为，则被认为是智能的。帮助我摆脱这个问题。提前致谢。

【问题讨论】：

您可以使用.map()，但是您尝试了什么？

标签： javascript jquery html css arrays

【解决方案1】：

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

您需要在.map() 中返回textContent 属性以及.get() 以获取基本数组。

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>

【讨论】：

我猜 Rory 领先你几秒钟。 :-p
@Rajesh，是的，但请参阅我的评论。正在怂恿 OP 展示他的努力
我宁愿使用.text() 而不是textContent。两者都没有错，但我喜欢保持我的方法一致。只是我的 POV
@Rajesh，可以直接获取的jquery对象为什么还要创建呢？
@Satpal 我通常会这样做，但是当我看到添加了一个糟糕的答案时，我觉得我必须正确回答。我已经删除了我的答案，并在你第一次用正确的方法发表评论时投票赞成你的答案

【解决方案2】：

如果你想在不使用 jquery 的情况下完成它

var arr = Array.prototype.slice.call(document.querySelectorAll('.qitem')).map(function(a){return a.textContent});

【讨论】：

textContent 会比 innerHTML 更好。