javascript - 获取div之间的代码

Question

使用 jquery，有没有办法捕获两个 div 之间的所有代码？

例如；使用下面的代码，如果单击显示信息，则应检索 ws-css-table div 之间的代码，即

<div class="ws-css-table-tr"><div class="ws-css-table-td">A</div>... <div class="ws-css-table-td">D</div></div>

应该放入文本变量中。

这是一个fiddle对于当前代码。

感谢您的帮助。

<div class="ws-css-table">
    <div class="ws-css-table-tr">
        <div class="ws-css-table-td">A</div>
        <div class="ws-css-table-td">B</div>
    </div>
    <div class="ws-css-table-tr">
        <div class="ws-css-table-td">C</div>
        <div class="ws-css-table-td">D</div>
    </div>
</div>

    </br>
<div class='show_div_info'>Show info</div>

j查询

 $(".show_div_info").click(function(){
  alert ("info?")
}); 

Answer 1

这是经典的 javascript 和使用 innerHTML 的单行技术:

 $(".show_div_info").click(function(){
  alert($('.ws-css-table')[0].innerHTML);
}); 

https://jsfiddle.net/vy5mok8k/3/