I have this markup,
<a href="http://www.example.com">Hiya<span class="delete">Delete</span></a> And my js,
$('.delete').click(function() { window.location = 'http://www.example.com/example'; }); My problem the anchor tag always win presedence over my javascript window.location how can I overcome this?
Thanks
You need to return false from the click() event to prevent the default behaviour:
$('.delete').click(function(e) { e.stopPropagation(); window.location = 'http://www.example.com/example'; return false; }); 
e.stopPropagation() to stop the event bubbling up to the <a>. I have edited my answer for you.Use return false;
$('.delete').click(function() { window.location = 'http://www.example.com/example'; return false; }); Have you tried with:
$('.delete').click(function(ev) { ev.preventDefault() window.location = 'http://www.example.com/example'; }); Not sure, though, since "span" is not a clickable tag.
ev.stopPropagation(); should work though, to stop the click bubbling up to the anchor element.You might be looking for http://api.jquery.com/event.stopPropagation/
$(".delete").click(function(event){ event.stopPropagation(); // do something }); 
<a>tag if you dont want that functionality. Why not<a href="http://www.example.com">Hiya</a><span class="delete">Delete</span>?