Home/ Questions/Q 8422545
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T03:28:47+00:00

I am trying to remove a dynamically created element using jQuery. Here is my

  • 0

I am trying to remove a dynamically created element using jQuery.

Here is my example: http://jsfiddle.net/4uxbu/

When you click submit it highlights the required fields and displays the text This field is required. after the input. When the user clicks on the input the red box goes away, I want the text below the input to go away as well.

The message is set using the following code:

$('#' + required[i]).after('<p style="font-weight:bold;" id="' + required[i] + '_error">' + emptyerror + '</p>');

and I’ve tried to remove it with:

$('p#' + required[i] + '_error').remove();

But I can’t get it to work properly.

Required is as below

required = ["vidHeight", "title", "vidWidth", "vidLen", "thumb", "file"];

Please see the fiddle for the full code.

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    $('p#' + required[i] + '_error').remove();

    Well, required[i] doesn’t make any sense because you aren’t in a loop where i is defined anymore. Try this:

    $('#' + $(this).attr("id") + '_error').remove();

    See: http://jsfiddle.net/4uxbu/1/

    EDIT

    Updated to handle the case of showing multiple errors when submitting multiple times with errors: http://jsfiddle.net/4uxbu/2/

    • 0