Question

我有以下五个div

<div class="timeline-axis-text timeline-axis-text-minor" style="position: absolute; left: -12px; top: 20px;">Text1</div>
<div class="timeline-axis-text timeline-axis-text-minor" style="position: absolute; left: -20px; top: 20px;">Text2</div>
<div class="timeline-axis-text timeline-axis-text-minor" style="position: absolute; left: -40px; top: 20px;">Text3</div>
<div class="timeline-axis-text timeline-axis-text-minor" style="position: absolute; left: -60px; top: 20px;">Text4</div>
<div class="timeline-axis-text timeline-axis-text-minor" style="position: absolute; left: -80px; top: 20px;">Text5</div>

我尝试$('.timeline-axis-text-minor').text()并打印出"Text1Text2Text3Text4Text5"，但我希望使用$('.timeline-axis-text-minor').each()来迭代这五个元素并分别获取唯一的文字值。

Answer 1

尝试

.map()

var arr = $('.timeline-axis-text-minor').map(function(){ //get array of all the texts
   return $(this).text();
}).get();

Fiddle Demo

使用上面的代码后获取唯一数组

jQuery.unique(array)

Fiddle Demo

arr= $.unique(arr);

Array.indexOf()

获取唯一数组

Fiddle Demo

var text = []; //empty array
$('.timeline-axis-text-minor').each(function () {
    var val = $(this).text();
    if (text.indexOf(val) === -1) text.push(val); //if it not in the array than add it to array
});

Answer 2

这样做：

$('.timeline-axis-text-minor').each(function(){
var uniqueText = $(this).text();
});

Answer 3

试试这个：

$('.timeline-axis-text-minor').each(function(){
  alert($(this).text());
 });

Answer 4

$('.timeline-axis-text-minor').map(function(){return $(this).text(); }).get().join("$");

Answer 5

试试这个

var arr = []
$('.timeline-axis-text-minor').each(function () {
    arr.push($(this).text());
});
console.log(arr)

DEMO

OR

如果你想分开

$('.timeline-axis-text-minor:eq(0)').text() //Return Text 1

如何从具有相同类的唯一div获取文本值

5 个答案: