En este artículo, aprenderemos cómo encontrar el nombre de un elemento usando jQuery. El atributo de nombre se puede aplicar a varios elementos en HTML y se utiliza para especificar un nombre para cualquier elemento. El atributo de nombre de cualquier elemento se puede encontrar usando el método attr(). Este método se usa para encontrar el valor de cualquier atributo del primer elemento en el conjunto coincidente.
Como necesitamos encontrar el nombre de un elemento, usaremos este método en el elemento requerido y pasaremos «nombre» como parámetro en este método.
Sintaxis:
// Select the required element
let selectedElem = $("elemToSelect");
// Get the name of the element
// using the attr() method
let elementName = selectedElem.attr('name');
console.log("The name of this element is:",
elementName);
El siguiente ejemplo ilustra el enfoque anterior:
Ejemplo: En este ejemplo, crearemos un clon del objeto utilizando este método.
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://code.jquery.com/jquery-3.6.0.min.js">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<b>
How to get the object's name
using jQuery?
</b>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="fname" />
<br><br>
<label for="age">Age:</label>
<input type="number" id="age" name="age" />
<br><br>
<label for="address">Address:</label>
<textarea id="address" name="address"></textarea>
</form>
<script>
// Select the required element
let selectedElem = $("#name");
// Get the name of the element
// using the attr() method
console.log("The name of this element is:",
selectedElem.attr('name'));
let selectedElem2 = $("#age");
console.log("The name of this element is:",
selectedElem2.attr('name'));
let selectedElem3 = $("#address");
console.log("The name of this element is:",
selectedElem3.attr('name'));
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA