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>

jquery的

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

Answer 1

这是使用innerHTML的经典javascript和单线程技术：

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

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

Answer 2

 $(".show_div_info").click(function(){
    var children = $(".ws-css-table").html();
  $(".children").html(children);
});

https://jsfiddle.net/vy5mok8k/2/

Answer 3

你的意思是捕捉表格中的元素并在以后用它做点什么吗？

$(".show_div_info").click(function(){
    var table = $(".ws-css-table");
    // Do something
});

你的意思是捕获表格中的文字代码吗？跟html()函数打个招呼：

$(".show_div_info").click(function(){
    var table = $(".ws-css-table").html();
    // Do something
});

您的意思是捕获表格中的实际文本吗？跟text()函数打个招呼：

$(".show_div_info").click(function(){
    var table = $(".ws-css-table").text();
    // Do something
});

更实用的是第一个，因为您可以根据需要使用它来操作内部元素。

第二个人只是抓住了实际的代码，也许你需要它来展示你真棒的技能。

最后一个将打印文本，如果你使用它来解析或记录你迄今为止所做的事情，那就是整洁。

这有什么帮助？

获取div之间的代码

3 个答案: