javascript - 如何遍历 div 并获取每个值

Question

我试图弄清楚如何在我的 div 中获取每个值。我在用

var cart = $('.basic-cart-cart-node-title.cell').text();

它给出了OI-01OP-01OS-10-5SOR-04OR-05 我需要一一查看的结果：OI-01, OP-01, OS-10-5S, OR-04 OR-05。

这样我就可以将它们与另一个字段匹配。
如果您愿意进一步帮助我，我在页面上有另一个 div：

var ParNum = $('.assess-title').text();

我想比较从返回的值var cart，看看该值是否在ParNum. 如果它在那里，我想申请一个课程。

任何帮助将不胜感激。

谢谢！

score 3 · Accepted Answer

您可以使用以下方法将值存储在数组中.map()：

var values = $('.basic-cart-cart-node-title.cell').map(function() {
    return $.trim( $(this).text() );
}).get();

ParNum检查数组中是否存在值：

var does_exist = values.indexOf(ParNum) > -1;

score 2 · Accepted Answer

试试这个迭代元素：

var text = '';
$('.basic-cart-cart-node-title.cell').each(function (i, div) {
  text += ' ' + $(div).text();
});

或者这个来获得一个匹配的 div 元素的数组：

var divs = $('.basic-cart-cart-node-title.cell').toArray();
for (var i = 0; i < divs.length; i++) {
  // $(div).text();
}

这样做的原因是$('.basic-cart-cart-node-title.cell')一次返回所有 div，并且您需要遍历结果。更具体地说，$(selector)返回一个所谓的“包装集”。它可以用于访问每个匹配的元素（如上所示），也可以用于一次将任何其他 jQuery 函数应用于整个集合。更多信息在这里。

score 2 · Accepted Answer

var text = "";

$('.basic-cart-cart-node-title.cell').each(function(){ 
   text += $(this).text() + ", ";
});
// remove the last ", " from string
text = text.substr(0, text.length -2);

score 0 · Accepted Answer

var cart = [];
$('.basic-cart-cart-node-title.cell').each(function {
    cart.push($(this).text());
}

score 0 · Accepted Answer

这将执行您在问题中提到的匹配和类添加。

var ParNum = $('.assess-title').text();
$('basic-cart-cart-node-title.cell').each(function () {
    if ($(this).text() == ParNum) {
        $(this).addClass("someclass");
    }
}

score 0 · Accepted Answer

你应该尝试使用

var cart ='';
$('.basic-cart-cart-node-title'.find('.cell').each(function()
{
 cart = cart + $(this).val();
});

希望对你有效。

score -1 · Accepted Answer

var cart = $('.basic-cart-cart-node-title.cell').text().match(/.{5}/g);

这将为您提供一个包含 5 个字符长的项目的数组。正则表达式不是很快，但循环可能会更慢

或者更容易阅读，并且在带有逗号的字符串中：

var cart = $('.basic-cart-cart-node-title.cell').text(); // get text
cart = cart.match(/.{1,5}/g); // split into 5 char long pieces
cart = cart.join(",",); join on comma

javascript - 如何遍历 div 并获取每个值

7 回答 7

Related

Reference