jQuery 单击时替换并添加新字符串

Question

我有一个小表格，上面有编号和姓名。单击按钮时显示 number_name。例如，如果您单击按钮，它会弹出 1,2_Tod，我的问题是...如何将逗号替换为数字之间的下划线，以便数字部分看起来像 1_2 而不是 1,2，然后在名字部分后面加上_ordered，所以名字部分看起来像Tod_ordered，整个字符串看起来像1_2_Tod_ordered。我还有一个问题，是否可以在单击按钮时交换字符串以使 1_2_Tod_ordered 看起来像 Tod_ordered_1_2？

$('.button').click(function(){
    var data = $('.number,.name').map(function () {
  return $(this).text();
 }).get().join('_');
 
    alert(data);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table id="dataTable">
    <tr id="data1">
        <td class="number">1,2</td>
        <td class="name">Tod</td>
    </tr>
     <tr id="data2">
        <td class="number">8,10</td>
        <td class="name">Smith</td>
    </tr>
</table>
<button type="button" class="button">Order</button>

JSFiddle

Answer 1

获取如下数据：1_2_Tod_ordered_8_10_Smith_ordered

勾选这个fiddle

$('.button').click(function(){
    var data1 = $('.number,.name').map(function () {
        var text = $(this).text();
        if($(this).hasClass('name')) {
            text += '_ordered';
        } else if($(this).hasClass('number')) {
            text = text.replace(/,/g, "_");
        }
        return text;
    }).get().join('_');

    alert(data1);
    console.log(data1);
});

<table id="dataTable">
    <tr id="data1">
        <td class="number">1,2</td>
        <td class="name">Tod</td>
    </tr>
     <tr id="data2">
        <td class="number">8,10</td>
        <td class="name">Smith</td>
    </tr>
</table>
<button type="button" class="button">Order</button>

更新

这有两个选项：

1_2_Tod_ordered_8_10_Smith_ordered

Tod_ordered_1_2_Smith_ordered_8_10

勾选这个fiddle

jQuery 单击时替换并添加新字符串

jQuery replace and add new string when click

jquery

replace

html-table

click

更新