Question

如果它包含图像源，我想在另一行下面移动一行将包含图像src http://www.aloxi.com/images/continue_button.png的行移动到包含＆＃34的行下面;记住我＆＃34;。这需要根据行包含的内容不在表行号上完成，因为如果有人输入错误的登录信息，则会在顶部添加另一行以显示错误消息。

 <table>
    <tr bgcolor="#ffffff">
        <td>
            Password <br>(between 5 and 20 characters)<font color="#FF0000" class="FAFFormRequiredFieldMarker">*</font>
        </td>
        <td colspan="2">
            <input type="password" id="Password1" maxlength="20" value="" name="password">
        </td>
    </tr>
    <tr bgcolor="#eeeeee">
        <td>
            Username:<font color="#FF0000" class="FAFFormRequiredFieldMarker">*</font>
        </td>
        <td colspan="2">
            <input type="text" id="Text1" value="" maxlength="100" name="username">
        </td>
    </tr>
    <tr bgcolor="#ffffff">
        <td></td>
        <td align="left" style="text-align: left;">
            <input type="checkbox" id="faf_rememberme" checked="" value="y" name="faf_rememberme">Remember me
        </td>
        <td></td>
    </tr>
    <tr bgcolor="#6eb9c4">
        <td align="left" colspan="3" style="text-align: left;">
            <b>Enter social media login.</b>
        </td>
    </tr>
    <tr>
        <td bgcolor="#FFFFFF" align="left" style="text-align: left;">
            <br>
            <center>
                <p>
                    <input type="image" border="0" id="Image1" alt="Continue" src="http://www.aloxi.com/images/continue_button.png" name="imageField2">
                </p>
            </center>
        </td>
    </tr>
</table>

这是一个小提琴：http://jsfiddle.net/jelane20/q5o5g22x/1/ 任何帮助将不胜感激。我最初尝试基于表格行进行移动，但由于登录错误，这不起作用。

谢谢！

Answer 1

这是一个巨大的继续按钮。

像这样的东西会把它移到你想要的地方，但是你可能想要搞乱CSS以使它看起来更好......

$('#faf_rememberme').closest('tr').after($('#Image1').closest('tr'));

http://jsfiddle.net/0avve1uy/

如果行包含图像src，则移动行

1 个答案: