Javascript JQuery选择器标记子选择器

我刚开始使用Jquery。。。好吧，至少我刚开始掌握窍门。 现在我正在尝试将内容从位置a切换到位置b

现在我有了一个选择器，我想从中获取HTML内容并将其放置在另一个位置。 但问题是我还没有定义任何类。HTML代码被使用了大约900次，我不想改变这一切

        <table style="width: 100%" class="layout-table two">
        <tr>
            <td class="First">
                The source content
            </td>
            <td>
                <!--- HERE IT SHOULD BE!!!  AKA TARGET -->
                <h2>Welcome at my testcase</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer 
                </p>
            </td>
        </tr>
    </table>

源内容
欢迎来到我的测试用例
Lorem ipsum dolor sit amet，是一位杰出的献身者。整数

这就是这张桌子的样子

            $(document).ready( function () {
            var SpecialSubmenu = $(".First").html();
            $( ".layout-table .First" ).html('');
            $( ".layout-table tr td" ).prepend( '<div id="TabletSubmenu" style="background: #CCCCCC;">' + SpecialSubmenu + '</div>' );
            $( "#TabletSubmenu" ).html( SpecialSubmenu );
            $( ".layout-table .First" ).remove();
        });

$（文档）.ready（函数（）{
var SpecialSubmenu=$（“.First”）.html（）；
$（“.layout table.First”）.html（“”）；
$（“.layout table tr td”）.prepend（“”+SpecialSubmenu+“”）；
$（“#TabletSubmenu”）.html（特殊子菜单）；
$（“.layout table.First”）.remove（）；
});

这就是我的JQuery代码的样子。 然而，它起作用了。。。。 它适用于我的HTML页面中的所有集合表

现在我知道我在哪里犯了错误。 这里是：

$( ".layout-table tr td" ).prepend( '<div id="TabletSubmenu" style="background: #CCCCCC;">' + SpecialSubmenu + '</div>' );

$（“.layout table tr td”）.prepend（“”+SpecialSubmenu+“”）；

在CSS中，它确实是： .布局表tr td{ 一些风格。。。 }

但JQUery却不这么认为。我不知道如何具体选择第一个TR和TD标签

（在移除前一个后。）

希望你能理解我的问题

蒂亚德

编辑

我的意思是：

我有

<table class="MyTable">
<tr>
    <td class="First">Source</td>
</tr>
<tr>
    <td>
        <!-- TARGET -->
        <table>
            <tr>
                <td>Something I want to remain</td>
                <td>And not change</td>
            </tr>
        </table>
    </td>
</tr>

来源
我想留下的东西
而不是改变

---

但在我的示例中发生的是，不仅在我的代码中添加了。但在“我想保留的东西”和“和不改变的东西”

中，您可以使用组合

：first

和

first（）

或

：eq（）

和

eq（）

来获得表的特定tr和td：

$( ".layout-table tr:first td" ).first().prepend( '<div id="TabletSubmenu" style="background: #CCCCCC;">' + SpecialSubmenu + '</div>' );

或者使用

：首先使用
，然后使用
.eq（0）
：

所以，您想将一些内容移动到
.next（）
td，然后将空内容移动到
.remove（）
。？这个问题一点也不清楚。什么会重复900次？你的具体问题是什么
认为不是这样的
是不清楚的，你不能只使用选择器
$（“.layout table.First td”）
？另外，请你把问题说清楚一点好吗？我不太清楚你在问什么。第一个选项对我有效：
$（“.layout table tr:first td”）.first（）.prepend（“”+SpecialSubmenu+“”）
$( ".layout-table tr:eq(0) td" ).first().prepend( '<div id="TabletSubmenu" style="background: #CCCCCC;">' + SpecialSubmenu + '</div>' );

$( ".layout-table tr:first td" ).eq(0).prepend( '<div id="TabletSubmenu" style="background: #CCCCCC;">' + SpecialSubmenu + '</div>' );

$( ".layout-table tr:eq(0)td" ).eq(0).prepend( '<div id="TabletSubmenu" style="background: #CCCCCC;">' + SpecialSubmenu + '</div>' );