jQuery .each() .find()を用いた特定要素、属性値取得について

Question

前提・実現したいこと

jQueryを用いて、以下HTMLより
「hoge1hoge1_2 数量：1 , hoge2hoge2_2 数量：2 , hoge3hoge3_2 数量：3 ...」と
class="boxlist_"内にあるclass="list_"分だけ繰り返しで、
特定属性のみピックアップし文字列が連結されreturn値を返したい次第です。

なお、数量についてはselect内で
selected要素を持つもののみ、値として取得したいです。

▼HTML

<table class="boxlist_">
<tbody>
	<tr class="list_">
		<td class="name_">
			<div class="name_">

				<div class="name1_"><a href="/hoge/" title="hpge">hoge1</a></div>			
				<span class="name2_">hoge1_2</span>
			</div>
		</td>
		<td class="price_box_" nowrap="nowrap">
			<p class="qty_">数量<br>
			<select name="qty1"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4" selected="">4</option><option value="5">5</option>
			</select>
			</p>
		</td>
	</tr>
	<tr class="list_">
		<td class="name_">
			<div class="name_">
				<div class="name2_"><a href="/hoge/" title="hpge">hoge2</a></div>			
				<span class="name2_">hoge2_2</span>
			</div>
		</td>
		<td class="price_box_" nowrap="nowrap">
			<p class="qty_">数量<br>
			<select name="qty1"><option value="1">1</option><option value="2" selected="">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option>
			</select>
			</p>
		</td>
	</tr>
	<tr class="list_">
		<td class="name_">
			<div class="name_">
				<div class="name3_"><a href="/hoge/" title="hpge">hoge3</a></div>			
				<span class="name2_">hoge3_2</span>
			</div>
		</td>
		<td class="price_box_" nowrap="nowrap">
			<p class="qty_">数量<br>
			<select name="qty1"><option value="1">1</option><option value="2">2</option><option value="3" selected="">3</option><option value="4">4</option><option value="5">5</option>
			</select>
			</p>
		</td>
	</tr>
</tbody>
</table>

発生している問題・エラーメッセージ

▼試しているjs
▼js

function(){
		var result;
		jQuery(".boxlist_ tr.list_").map(function(index, Element){
		var itemName = jQuery(Element).find('td.name_ div.name_').text().replace(/\s+/g, "");
		var itemQty =jQuery(Element).find('p.qty_ select option:selected').attr('value'); 
		result = itemName+"数量："+" "+itemQty + " , ";
		return result;
	});
}

.eachの設置の仕方が悪いのか、上記で試したところ、

hoge3hoge3_2数量： 1,

と繰り返しがされず、文字列が連結されません。

何卒、よろしくお願いいたします。

Answer 1

.get()、.join()の位置を替えたことで意図した値が返ってきました。
以下のようなjsで意図した結果返せました。

function() {
	var result = jQuery(".cartlist_ tr.list_").map(function(index, element){
		var itemName = jQuery(element).find('td.name_ div.name_').text().replace(/\s+/g, "");
		var itemQty = jQuery(element).find('p.qty_ select option:selected').attr('value'); 
		return itemName+'数量：'+itemQty;
	}).get().join(",");
	return result;
}

Answer 2

これだと上書きされるだけです。

function(){
    var result;
    jQuery(".boxlist_ tr.list_").map(function(index, Element){
    var itemName = jQuery(Element).find('td.name_ iv.name_').text().replace(/\s+/g, "");
    var itemQty =jQuery(Element).find('p.qty_ select option:selected').attr('value'); 
    result = itemName+"数量："+" "+itemQty + " , "; //毎回resultだけが返される
    return result;
});
}

一度配列に格納して後で連結すればいいでしょう。

function(){
    var result = [];
    jQuery(".boxlist_ tr.list_").map(function(index, Element){
    var itemName = jQuery(Element).find('td.name_ iv.name_').text().replace(/\s+/g, "");
    var itemQty =jQuery(Element).find('p.qty_ select option:selected').attr('value'); 
    result[] = itemName+"数量："+" "+itemQty + " , "; //毎回resultだけが返される
});
bar_result = result.join(',');
return bar_result;
}

Comments

[zagin]

ありがとうございます。
いただいたjsをConsoleで試したところ、
Uncaught SyntaxError: Unexpected token ']'となりエラーとなってしまいました。

以下のように記載しなおしてみたのですが、
====
function(){
var result = [];
jQuery(".boxltist_ tr.list_").map(function(index, Element){
var itemName = jQuery(Element).find('td.name_ div.name_').text().replace(/\s+/g, "");
var itemQty =jQuery(Element).find('p.qty_ select option:selected').attr('value');
result = itemName+"数量："+" "+itemQty; //毎回resultだけが返される
});
var resultJoin = result.join(',');
return resultJoin;
}
====

これですと、
Illegal return statement
となってしまいます。

もし間違っている点あればご教授いただければ幸いです。