Question

我有下表，里面有一些数据。

HTML

<table id="rcvd">
  <tr>
    <td><div id="scrollable"><b>2016-08-05 17:18:29</b></div></td>
  </tr>
</table>

我想删除格式标记，当我单击包含此单元格的行时，文本保持不变。如何仅使用 JQuery 来执行此特定的表格单元格？我不想影响其他表格单元格。

JS

$('#recvd tr').on("click", function(){
            var td = $(this).find("td");
            $.post("<url>", {data: <something>},
                            function(response)
                            {
                                if (response != 0)
                                {
                                   .....
                                }
                            });
        });

Answer 1

我正在使用regex从字符串中删除HTML标记。

请查看以下代码段，我认为这就是您想要的内容。

希望帮助。

＆＃13;

$(function(){
$("#rcvd tr").on("click", function(){
     var data = $(this).find("td").html();
     data = data.replace(/<(?:.|\n)*?>/gm, '');
     $(this).find("td").html(data);
     // your code goes here
     console.log(data);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="rcvd">
  <tr>
    <td><div id="scrollable"><b>2016-08-05 17:18:29</b></div></td>
  </tr>
</table>

＆＃13;

<强>已更新

如果您想将div与id=scrollable保持在 td 之内，那么这将是您的方法。

＆＃13;

$(function(){
$("#rcvd tr").on("click", function(){
     var data = $(this).find("td > div").html();
     data = data.replace(/<(?:.|\n)*?>/gm, '');
     $(this).find("td > div").html(data);
     // your code goes here
     console.log(data);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="rcvd">
  <tr>
    <td><div id="scrollable"><b>2016-08-05 17:18:29</b></div></td>
  </tr>
</table>

＆＃13;

使用JQuery从表格单元格中的文本中删除格式化标签

1 个答案: