如何使用jquery移动数据块

How to move a data block using jquery

本文关键字：数据 移动 jquery 何使用      更新时间：2024-02-12

我正在使用一个自定义标记"quest"。我不能在"任务"标签中有表格标签。因此，我需要jQuery将表呈现在正确的位置。目前html写如下：

<pre><code>
<li><table block_type="no_border_table">
    <tbody>
    <tr><th></th><th>Lemons</th></tr>
    <tr><td>White</td></tr>
    <tr><td>Green</td></tr>
    <tr><td>OMEGA</td></tr>
    <tr><td>Happiness</td></tr>
    </tbody></table>
    <quest>Consider Table 1. For lemons
    How do we change this?
    a. Grapes
    b. Apples
    c. Mangoes
    d. Towels
    </quest>
    </li>
</code></pre>

在渲染时，我需要句子文本和多选之间的表格，如下所示：

<pre><code>
<li>
    <quest>Consider Table 1. For lemons
    How do we change this?
    <table block_type="no_border_table">
    <tbody>
    <tr><th></th><th>Lemons</th></tr>
    <tr><td>White</td></tr>
    <tr><td>Green</td></tr>
    <tr><td>OMEGA</td></tr>
    <tr><td>Happiness</td></tr>
    </tbody></table>
    a. Grapes
    b. Apples
    c. Mangoes
    d. Towels
    </quest>
    </li>
</code></pre>

我在http://www.elated.com/articles/jquery-removing-replacing-moving-elements/但是，我不知道如何在两个文本体之间移动表格。我是jQuery的新手，因此希望能提供一个非常详细的答案。

谢谢！

使用跨度

<pre><code>   
<li><table id="table" block_type="no_border_table">
<tbody>
<tr><th></th><th>Lemons</th></tr>
<tr><td>White</td></tr>
<tr><td>Green</td></tr>
<tr><td>OMEGA</td></tr>
<tr><td>Happiness</td></tr>
</tbody></table>
<quest>
<span id="tab">Consider Table 1. For lemons
How do we change this?</span>
<span id="tag">
a. Grapes
b. Apples
c. Mangoes
d. Towels
</span>
</quest>
</li>
</code></pre>

渲染时使用

//上述消息的选项卡内容

var text=$("#tab").html();
$("#table").before(text);

尝试：

var q = $("quest").html();
q = q.replace(/'./g,"specialchar");
$("quest").remove();
$("li").wrap("<quest>"+q+"</quest>");
q = $("quest").html();
q = q.replace(/specialchar/g,".");
$("quest").html(q);

此处演示

相关文章：