modifying ajax returned data before showing

Posted by Nick on Stack Overflow See other posts from Stack Overflow or by Nick
Published on 2010-04-07T02:08:40Z Indexed on 2010/04/07 2:13 UTC
Read the original article Hit count: 352

Filed under:
|
|
|

I'm processing subscribtion form with jQuery/ajax and need to display results with success function (they are different depending on if email exists in database). But the trick is I do not need h2 and first "p" tag.

How can I show only div#alertmsg and second "p" tag?

I've tried revoming unnecessary elements with method described here, but it didn't work.

Thanks in advance.

Here is my code:

var dataString = $('#subscribe').serialize();

$.ajax({
    type: "POST",
    url: "/templates/willrock/pommo/user/process.php",
    data: dataString,
    success: function(data){
    var result = $(data);
    $('#success').append(result);
}

Here is the data returned:

<h2>Subscription Review</h2>

<p><a href="url" onClick="history.back(); return false;"><img src="/templates/willrock/pommo/themes/shared/images/icons/back.png" alt="back icon" class="navimage" /> Back to Subscription Form</a></p>

<div id="alertmsg" class="error">

<ul>
<li>Email address already exists. Duplicates are not allowed.</li>
</ul>

</div>

<p><a href="login.php">Update your records</a></p>

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about AJAX