選擇所有從給定的行（jQuery的）

Question

我有以下的結構屬性值：

<ul id="myTags""> 
    <li> 
    <span class="tagit-label">AA</span> 
    <a> 
     <span class="text-icon">×</span> 
     <span class="ui-icon ui-icon-close"></span> 
    </a> 
    <input type="hidden" name="tags" value="AA" style="display:none;"> 
    </li> 
    <li> 
    <span class="tagit-label">BB</span> 
    <a class="tagit-close"> 
     <span class="text-icon">×</span> 
     <span class="ui-icon ui-icon-close"></span> 
    </a> 
    <input type="hidden" name="tags" value="BB" style="display:none;"> 
    </li> 
    .... 
</ul> 

我想寫一個Javascript/jQuery的功能，這將創建一個字符串包含

"AA,BB,..." 

如何我是否在跨度行處收集來自所有value屬性的值？

Answer 1

這應該工作：

$('#myTags input[name="tags"]').map(function() { 
    return $(this).val(); 
}).get().join(","); 

Answer 2

試試這個

var textArr = []; 
$(".tagit-label").each(function(){ 
    textArr.push($(this).text()); 
}) 
console.log(textArr.join()); 

Answer 3

var spans = $(".tagit-label"); 
    var str = ""; 
    for (i = 0; i < spans.length; i++) { 

     str += spans[i].innerHTML+"," ; 
    } 
    alert(str); 

Answer 4

使用.map()

var array = $('.tagit-label').map(function(){ 
    return $(this).text() 
}).get() 

console.log(array.join(',')) 

演示：Fiddle

Answer 5

你可以這樣做：

var arr = $('#myTags .tagit-label').map(function() { 
    return $(this).text(); 
}).get().join(","); 

console.log(arr); 

Answer 6

Fiddle Example

var str= $('.tagit-label').first().text(); 
    $('.tagit-label:not(":first")').each(function(){ 
     str= str +' , '+ $(this).text(); 
    }); 
    alert(str); 

Answer 7

這裏是我已故的答案。我試過javascript 1.8數組reduce方法，爲了好玩。

var string = [].reduce.apply($('.tagit-label') , [ function(ar , n){   
    return ar.push($(n).text()) && ar ; 
},[] ]).join(); 

或者乾脆

var string = [].reduce.call($('.tagit-label') , function(ar , n){   
    return ar.push(n.innerHTML) && ar ; 
},[]).join(); 

希望這將有助於瞭解更多關於reduce方法。 http://jsfiddle.net/6TnMT/