¿Cómo podemos acceder a un valor que está definido dentro del elemento? Probé este código, pero no funciona.
$(document).ready(function() { console.log($("div#named").val()); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <div id="named" Items='10'>Hello World!!</div>Suponiendo que por 'valor' se refiere al atributo 'Elementos', luego use attr() :
jQuery($ => { console.log($("div#named").attr('Items')); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <div id="named" Items="10">Hello World!!</div> Sin embargo , debe tener en cuenta que Items no es un atributo HTML estándar y hará que su HTML no sea válido.
La forma correcta de agregar cualquier metadato a un elemento es usar un atributo data en su lugar. Luego puede leer esto usando el método data() de jQuery:
jQuery($ => { console.log($("div#named").data('items')); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <div id="named" data-items="10">Hello World!!</div>