Question

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

＆＃13;

Tod_ordered_1_2

＆＃13;

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

＆＃13;

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

单击

1 个答案:

更新