Question

I’ve got this function

$("a[href*=/category/movies/]").click(function() {
so.addVariable('stretching','fill');
so.write('mediaspace');
});

that I want to turn into an if…else statement.

How do I target links inside div#header_playlist_categories
and apply an else statement, if links point to other than ‘/categories/movies/’ ?

Answer 1

I think what you want to do is to handle all clicks on a elements within div#header_playlist_categories. You then want to do one thing if the link’s href attribute contains /category/movies/ and another if it does not. If so, you can do this nicely using delegate():

$('#header_playlist_categories').delegate('a', 'click', function(e) {
    e.preventDefault();  // I imagine you always want to disable the default action

    if (this.href.indexOf('/category/movies/') !== -1) {
        so.addVariable('stretching','fill');
        so.write('mediaspace');
    } else {
        // do whatever else you want to do
    }
});