Eliminar elementos HTML haciendo clic con jQuery. – programmers – Donate – Auto

Para eliminar elementosHTMLcomo divs, párrafos, listas, imágenes entre otros, utilizaremos la funciónremove()dejQuery.

$('selector').remove();

Dondeselectores el elemento html que deseamos eliminar.

Ejemplo:

$('div').remove();

En el ejemplo anterior utilizamosla funciónremove()la cual eliminará el primer div que encuentre al cargar el documento,se debe saber de antemano que$()"es unafunción(un tipo de acción) que convierte lo que esté en medio de los paréntesis en un objeto dejQuery; es decir, algo con lo quejQuerypueda trabajar."¿Pero que sucede si quiero eliminarlo cuando haga clic sobre el?

Para ésto haremos uso del eventoclickdejQuery.

$('Selector').click(function(){

*acción*
    });

DondeSelectores el elemento html en el que se hará clic para que se realice la*acción*que queremos.

Ejemplo:

$('div').click(function(){
         $(this).remove();
    });

Al hacer clic en eldiveste mismo (this) se eliminará.

Entonces, si por ejemplo queremos hacer desaparecer o eliminar un div o cualquier elemento html al hacer clic en el sería algo como:

$(document).ready(function(){
    $('div').click(function(){
         $(this).remove();
    });
});

Utilizamos$(document).ready(function(){}); para tener listo el documento, luego elevento clickjunto a la funciónremove()para remover eldival hacer clic en el.

En el siguiente ejemplo hacemos desaparecer un botón utilizando la funciónremove()y elevento click():

!DOCTYPE html
html
    head
 style
 h2 {
    font-family:arial;
}

div{
 display: inline-block;
 height:20px;
 width:150px;
 background-color:#1280F7;
 font-family:arial;
 color:#ffffff;
 border-radius: 5px;
 text-align:center;
 margin-top:2px;
}
 /style
     titleBorrar boton/title
 script src="http://code.jquery.com/jquery-1.9.1.js"/script
 /head
 body
  h2Haz clic en el boton para eliminarlo/h2
  divSoy un boton/div
 script
$(document).ready(function(){
    $('div').click(function(){
         $(this).remove();
    });
});
 /script
 /body
/html

Vamos a verlo en acción:

personal injury accident lawyer Nunavut Culture Casino Php programmers state of california car insurance Mortgage Adviser Social media strategies Structures Annuity Settlement life insurance quotes automobile accident attorney Online casino Car Accident Lawyers Business finance group Make money online Australia Massage school Dallas Texas Hard drive data recovery services Dwi lawyer Donate Your Car Sacramento CHEAP CAR INSURANCE IN VIRGINIA Better conferencing calls HOW TO DONATE A CAR IN CALIFORNIA better conferencing calls LOW CREDIT LINE CREDIT CARDS PSYCHIC FOR FREE alcohol rehab center in florida Hire php developers Mobile casino structured annuity settlement Donate your car Sacramento Dallas Mesothelioma Attorneys Best social media platforms for business DUI lawyer mesotheioma Donate old cars to charity ROYALTY FREE IMAGES STOCK mesothelioma charities Casino reviews CHEAP AUTO INSURANCE IN VA Live casino Donating a Car in Maryland Car Insurance in South Dakota Life Insurance Co Lincoln donating used cars to charity mesothelioma cases selling annuity payments for cash Email Bulk Service Motor replacements earthlink business internet Criminal lawyer Miami DONATING USED CARS TO CHARITY ashely madis utah mesothelioma lawyer small business administration sba Social media platforms for business truck accident attorney los angeles refinance with poor credit Car Insurance Quotes world trade center footage Best Seo company Met auto car accident lawyer michigan car accident lawyers Psd to WordPress Hire php programmers ONLINE COLLEDGES Donating used cars to charity firm law mesothelioma personal injury lawyer sarasota fl MASSAGE SCHOOL DALLAS TEXAS california law lemon Hire php developer Criminal lawyer motorcycle accident lawyer california Service business software injury lawyers west palm beach Criminal defense lawyer Php programmers for hire WordPress themes for designers BETTER CONFERENCING CALLS Car Insurance Quotes Utah injury lawyer houston tx car crash attorneys mesothelioma lawyer asbestos cancer lawsuit Seo services Donate Car To Charity CALIFORNIA Bankruptcy lawyer Better Conference Calls personal injury law firm Cheap Car Insurance in Virginia Best social media platforms Online Motor Insurance Quotes Computer science classes online DONATE YOUR CAR FOR KIDS Social media tools car insurance quotes CAR INSURANCE QUOTES UTAH MET AUTO Donate cars Illinois Seo companies DONATE CARS ILLINOIS Cheap car insurance in Virginia Psychic for Free Sell Annuity Payment HOLLAND MICHIGAN COLLEGE PHD on Counseling Education Cheap Auto Insurance in VA buy structured settlements Home Phone Internet Bundle New social media platforms dallas mesothelioma attorneys Adobe illustrator classes cash out annuity Seo company Auto Mobile Shipping Quote forensics online course Custom WordPress theme designer Virtual Data Rooms Online colledges Psd to html accident attorneys orange county Business management software data recovery raid structured settlement sell Annuity Settlements Dayton Freight Lines Donate Cars in MA online motor insurance quotes Online Christmas cards Donate your car for kids mesothelioma suit Custom Christmas cards Photo Christmas cards Personal Injury Law Firm WordPress hosting STRUCTURED ANNUITY SETTLEMENT Cheap Car Insurance for Ladies Online College Course Social media examiner WordPress theme designers Social media management Online Classes Tech school Html email Proud Italian cook mesothelioma information Social media platforms Home phone internet bundle Christmas cards mesothelioma settlements See more at http//wwwginfostopnet/ Italian cooking school primary pulmonary hypertension accident lawyers in los angeles mesotheliama sell my structured settlement Learning adobe illustrator Data Recovery Raid Criminal Defense Attorneys Florida Social media campaigns Mesothelioma Law Firm Donate Car to Charity California How to Donate A Car in California colorado auto accident attorney Donate Car for Tax Credit caraccidentlawyer Business VOIP Solutions mortgage adviser chicago hair laser removal DAYTON FREIGHT LINES Cheap Domain Registration Hosting Mortgage adviser Forex Trading Platform bus accident attorney los angeles Asbestos Lawyers DONATE YOUR CAR SACRAMENTO Donate Your Car for Kids cheaper insurance companies holland michigan college Car Insurance Quotes Colorado PHD IN COUNSELING EDUCATION DONATE CAR FOR TAX CREDIT Car Insurance Quotes PA motorcycle lawyer los angeles Hard drive Data Recovery Services Donate a Car in Maryland auto accident lawyer san francisco Motor Replacements structured settlements annuities Gas/Electricity Donate Cars Illinois Register Free Domains ONLINECLASSES Best Criminal Lawyers in Arizona CAR INSURANCE QUOTES MN asterisk call center software accident car florida lawyer supportpeachtreecom how to donate a car in california Holland Michigan College maritime lawyer houston car insurance in south dakota Online Colleges Paperport Promotional Code mesothelioma litigation World Trade Center Footage Low Credit Line Credit Cards Massage School Dallas Texas Donate Old Cars to Charity benchmark lending Best criminal lawyer in Arizona Online classes Met Auto semi truck accident lawyers Car Insurance Quotes MN personal injury attorney ocala fl Donate your Car for Money Motor Insurance Quotes Donate your car for money MORTGAGE ADVISER mesothelioma attorney florida Forensics Online Course miami personal injury lawyer business administration masters wisconsin mesothelioma attorney Donating Used Cars to Charity canada personals yahoo california mesothelioma attorney Neuson workers compensation lawyer los angeles st louis mesothelioma attorney Royalty Free Images Stock Life insurance co Lincoln insurance medical temporary Auto Accident Attorney motor replacements Webex Costs EMAIL BULK SERVICE cash out structured settlement CAR ACCIDENT LAWYERS sell structured settlement calculator cloud identity and access management Futuristic Architecture Nunavut culture Car Donate mesothelioma lawyers san diego car insurance quotes pa Automobile Accident Attorney online criminal justice degree yahoo web hosting personal injury solicitor