尝试将具有3列相同和1个不同列的行组合成一行javascript jquery

时间:2017-03-21 09:41:27

标签: javascript jquery html-table

我正在尝试将具有相同行的行组合成一列。

假设我是id,名字

假设我喜欢

1  ram
1  raj

然后我想输出

1  ram,raj

ram,raj应显示在文字区域

使用youtube api获取数据

 <table class="table table-bordered" style="width:90%">
  <thead>
    <tr>
        <th>id</th>
        <th>Name</th>
    </tr>
</thead>
<tbody>
 <tr>
   <td>1</td>
   <td>ram</td>
 <tr>
 <tr>
   <td>1</td>
   <td>raj</td>
 <tr>

1 个答案:

答案 0 :(得分:0)

将ID提供给您的表格如下: -

 <table class="table table-bordered" id="example" style="width:90%">
<thead>
    <tr>
        <th>id</th>
        <th>Name</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>ram</td>
    <tr>
    <tr>
        <td>1</td>
        <td>raj</td>
    <tr>
 </table>

在您的Jquery代码中,您可以获得字符串,如下所示: -

            var str = "";
var table = $("#example");
table.find('tr').each(function (i, el) {
    var $tds = $(this).find('td'), examplestring = $tds.eq(1).text();

    if(str=="")
    {
        str = examplestring;
    }
    else
    {
        str = str + "," + examplestring;
    }

});

console.log(str);
});

str包含你的字符串