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 내가 문자열에서 HTML 태그를 제거하는 regex을 사용하고

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

Answer 1

.

아래를 확인하십시오 스 니펫, 이것이 내가 원하는 것 같습니다.

희망 은을 도와줍니다.

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

는 id=scrollable내부 TD으로 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>