Question

jQuery append（）由于某种原因不能使用下面的任何代码示例。你看到我做错了什么吗？我正在尝试禁用“提交”按钮，并附加一些文字，其中显示＆＃34;正在处理...＆＃34;。

示例代码1：

$( "input[type='submit']" ).click( function()
{
    $( this ).attr( "disabled", "disabled" );
    $( this ).parents( "form" ).submit();
    $( this ).append( " Processing..." ); // no worky
    //$( "input[type='submit']" ).append( " Processing..." ); // no worky
});

示例代码2：

$( "form" ).submit( function()
{
    //$( "#submit_button" ).append( " Processing..." ); // no worky
    $( this ).find( "input[type='submit']" ).prop( "disabled", "disabled" );
    $( "#submit_button" ).append( " Processing..." ); // no worky
});

Answer 1

试试这个

$( this ).after( " Processing..." );

$( this ).append( " Processing..." );实际上将文本附加到输入标记内部，如<input type="submit">processing</input>，它不会显示在前端，但如果你使用它后会将文本追加到输入元素之后

Answer 2

使用它：

$(this).val(" Processing..."); // if <input type="submit"> 
$(this).text(" Processing..."); // if <button type='submit'>

Answer 3

我猜您正在尝试更改显示的文本..因为它是输入，但显示的文本是输入的值。

$("input[type='submit']").val(' Processing...'); // worky
$("#submit_button").val(' Processing...'); // worky

Answer 4

试试这个：$（this）.attr（＆＃39; value＆＃39;，＆＃39; Processing ...＆＃39;）;

Answer 5

试试这个

＆＃13;

$( "input[type='submit']" ).click( function()
{
    $(this).attr( "disabled", "disabled" );
    $(this).parents( "form" ).submit();
    $(this).val( " Processing..." ); // no worky
    //$( "input[type='submit']" ).append( " Processing..." ); // no worky
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="prog"></div>

<input type="submit" />

＆＃13;

Answer 6

试试这个

$("#submit_button").val(' Processing...');

Answer 7

您要在表单提交后附加文本，而不是在表单提交之前附加“处理”，如下所示

$( this ).append( " Processing..." ); 
$( this ).attr( "disabled", "disabled" );
$( this ).parents( "form" ).submit();

我想你需要将按钮值显示为“处理”，你需要按照以下步骤进行操作

$( this ).val( " Processing..." ); 
$( this ).attr( "disabled", "disabled" );
$( this ).parents( "form" ).submit();

用val替换append。

Answer 8

user .after（）会尝试添加或更改当前 jQuery

中的节点

Check this JS Fiddle (https://jsfiddle.net/548acobq/1/)

jQuery append（）不会附加到我的元素

8 个答案: