Seleccionar "max-value" valor y hacer una alerta

[OmarGon]

Hola, necesito capturar el "5" del campo: "max-value" y luego hacer una alerta. Todo esta se activará cuando se haga click en el botón: "Actualizar valor".

"max-value" qué es: un attributo o una propiedad? Estoy confundido con la denominación, y aclarar eso me serviría para buscar mejor en google. Cualquier dato es bienvenido.


<div id="rating-container" max-value="5">
</div>

<div>
<label for="max-value">Ingrese número:</label>
<input type="text" id="max-value" />
<button type="button" id="update-max-value">Actualizar valor</button>
</div>

Mi código JQuery:

$("#update-max-value").click(function(){


alert($("#rating-container").prop("max-value").val());

});

En el CodePen encontrarán mi código Jquery:

[URL="http://codepen.io/anon/pen/QjGRdp"]CodePen[/URL]

[Alexis88]

Para utilizar atributos personalizados, debes utilizar el formato establecido.

Un saludo

[OmarGon]

Gracias por responder. Pero el atributo no es del tipo "data-", sino "max-value".

En el link que pones utilizan: "elemento.dataset.edad"

Porque los atributos son del tipo: <li id="elemento" data-edad="19" data-pais="FR" data-lugar-de-nacimiento="Paris">Luis Alonso</li>

Pero como acceder a este elemento "max-value"?

[Alexis88]

El tema es que ese atributo no existe, es decir, no es válido. Estás creando un atributo a libre criterio y para hacerlo, debes seguir el formato explicado en el enlace que te dejé.

Un saludo