jQuery remove() and append() dilemma

[diabolo]

I didn't exactly know how to phrase my problem, so i just wrote dilemma. :]
http://jsfiddle.net/imHavoc/kGKJJ/9/

My Dilemma:

• When you 'delete' any li from the Board or Admin it should go to Uncategorized. Good.
• When you 'delete' from Uncategorized, it should remove the li entirely. So-so.

The native li's in Uncategorized follow the function, but any li that comes from Board or Admin still follows its original function and gets appended to the end of the list.

 

[descalzo]

You also have a problem with moving Uncategorized to Admin and then deleting. It removes that li when it probably should move it back to Uncat.

click handler should check the div's parent's parent's id. If it is "uncategorized", then delete. Otherwise move to "uncategorized"

 

[diabolo]

Thank you descalzo! It was silly of me not to think of using if else statements.

I updated the code for anybody that needs a reference:
http://jsfiddle.net/imHavoc/kGKJJ/11/

 

[misson]

Instead of walking up the DOM tree and checking the ID of a specific ancestor, you could use closest or parents to check whether any ancestor has the ID of interest.

Also, rather than checking the ancestor yourself, you can use live to dynamically match the element selector a listener is bound on.

    jQuery('#manage div.remove').live('click', function() {
        jQuery('ul#uncategorized').append(jQuery(this).parent());
    });

    jQuery('#uncategorized div.remove').live('click', function() {
        jQuery(this).closest('li').remove();
    });

 

[callumacrae]

Instead of walking up the DOM tree and checking the ID of a specific ancestor, you could use closest or parents to check whether any ancestor has the ID of interest.

Also, rather than checking the ancestor yourself, you can use live to dynamically match the element selector a listener is bound on.

    jQuery('#manage div.remove').live('click', function() {
        jQuery('ul#uncategorized').append(jQuery(this).parent());
    });

    jQuery('#uncategorized div.remove').live('click', function() {
        jQuery(this).closest('li').remove();
    });

Are there any languages you don't know?

~Callum

 

[misson]

Snobol (sadly), Cobol (happily).