Skip to main content

How to delete first preceding element

Here is the html from which I want to remove the div element 'div' by clicking the link.

<div>
<a href="javascript:void(0)" class="link">My link</a>
</div>

To access the preceding element I will use the .parents() method of jQuery and then call 
the method .remove() to remove the 'div' element.

Here is the code...

$('a.link').click(function() {
$(this).parents('div:first').remove();
});

Comments

Post a Comment

Popular posts from this blog

HTTP Status Code 501 - Not Implemented

501 Error Code Explained The server either does not recognise the request method, or it lacks the ability to fulfill the request. Why it occurs The error occurs when the Web server does not understand or does not support the HTTP method it finds in the HTTP data stream sent to it by the client. The method in the request HTTP data stream should be one of the following GET, OPTIONS, HEAD, POST, PUT, DELETE, TRACE and CONNECT as defined by the HTTP protocol Or the method may be valid but not actually supported by the Web server. Fixing 501 error code The client should specify a valid request type. Even after that if the Web server is responding incorrectly, then the web server simply needs to be upgraded to fix the issue. If you are registered with 100pulse, your site will be monitored and you will be intimated by an email or a short message service when 501 status code error occurs.

Optimize MySQL query with STRAIGHT_JOIN

Before finalizing my queries, I use MySQL Workbench to explain it to make sure the performance is good. I always notice that the performance of the queries with joins on multiple tables varies at times. Then I start indexing my tables to make sure that the Explain is happy and scanning minimum records before handing over the data. But with one of my query, even after adding an appropriate index I was not getting the performance I was expecting. I asked Workbench to explain the query and what? MySQL was not using my newly added index which could optimize the query. I tried FORCE INDEX and MySQL liked it. It started using the index which I forced it to. But I was not happy at forcing MySQL to use my index. I wanted it to do it itself. After researching a bit, I came across STRAIGHT_JOIN and without wasting any time, I added it to my query and what? MySQL started using my index without being forced to. Now the question was, how the STRAIGHT_JOIN works and is different from INNER JOIN. Wit

onSelectRow event in jqgrid

The example below specifies the action to take when a row is selected.   var lastSel; jQuery ( "#gridid" ) . jqGrid ( { ... onSelectRow : function ( id ) { if ( id && id !== lastSel ) { jQuery ( '#gridid' ) . restoreRow ( lastSel ) ; lastSel = id; } jQuery ( '#gridid' ) . editRow ( id , true ) ; } , ... } ) ;