JQueryを使用して、表のセル内のテキストから書式設定タグを削除します。

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

私は、文字列からHTMLタグを取り除くためにregexを使用しています。

以下を確認してくださいスニペット、これはあなたが望むものだと思います。

希望はを助けます。

$(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); 
 
    }); 
 
});

<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>

あなたはTD内id=scrollableでdivを維持したい場合は、その後、これが行うにはあなたの方法になります

を更新しました。 `＃のrecvd`ある

$(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); 
 
    }); 
 
});

<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>