Jquery:如何在jquery.html()结果中添加逗号

时间:2013-12-20 08:21:32

标签: jquery

以下是我的表结构 -

<table>
    <tr>
        <td>
            <div class="file-uploader"> <span class="file-name">No File Selected</span>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="file-uploader"> <span class="file-name">abc.jpg</span>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="file-uploader"> <span class="file-name">No File Selected</span>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="file-uploader"> <span class="file-name">def.png</span>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="file-uploader"> <span class="file-name">xyz.gif</span>
            </div>
        </td>
    </tr>
</table>

我将使用

获取此HTML
 var uploaded_file_content = $("#content").html(); 

在从上面的变量中获得的结果中,我想用逗号分隔的值搜索文件名,这些值与每行中的每一行相关联。

目前我正在使用此方法获取文件名 -

 $('<div>').html(uploaded_file_content).find(".file-name").text();

但是这给了我不逗号分隔的文件名。请帮帮我。

2 个答案:

答案 0 :(得分:0)

创建一个包含所有名称的数组,然后使用join创建一个以逗号分隔的字符串。

var names = [];
$("#content .file-name").each(function() {
    names.push($(this).text());
}
var comma_separated_names = names.join(',');

答案 1 :(得分:0)

你可以这样做:

var t = "";
$('<div>').html(uploaded_file_content).find(".file-name").each(function(){
    t+= $(this).text() + ",";  
});
t= t.substring(0, t.length - 1);

这样t将包含所有值作为逗号分隔的字符串。