jQuery | removeData() con ejemplos

removeData () es un método incorporado en jQuery que se utiliza para eliminar los datos que se establecieron previamente con el método data().
Sintaxis:

$(selector).removeData(args);

Aquí «selector» es el elemento seleccionado cuyos datos previamente establecidos se eliminan.
Parámetro: Acepta un parámetro opcional “args” que especifica el nombre de los datos a eliminar para el elemento seleccionado.
Valor devuelto: Devuelve el elemento seleccionado con datos eliminados.

código jQuery para mostrar el funcionamiento del método removeData():

Código #1:
En el siguiente código, los datos se eliminan mediante el método removeData() establecido por el método data().

<html>
  
<head>
    <script src="https://code.jquery.com/jquery-1.10.2.js">
    </script>
    <script>
        <!-- working of remove data method -->
        $(document).ready(function() {
            <!-- click here to add data to div element -->
            $("#b1").click(function() {
                $("div").data("greeting", "Hello Everyone !");
                alert("GeeksforGeeks says : " + $("div").
                         data("greeting"));
            });
            <!-- click here to remove data from div element -->
            $("#b2").click(function() {
                $("div").removeData("greeting");
                alert("Greeting is: " + $("div").
                        data("greeting"));
            });
        });
    </script>
    <style>
        #b1,
        #b2 {
            padding: 10px;
            margin: 20px;
            background-color: green;
        }
    </style>
</head>
  
<body>
    <button id="b1">Click here to add data to 
                     div element</button>
    <br>
    <button id="b2">Click here to Remove data 
                    from div element</button>
    <div></div>
</body>
  
</html>

Salida:
Después de adjuntar los datos-

Después de eliminar los datos-

Publicación traducida automáticamente

Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *