how to get attribute value in jquery code example

Example 1: jquery get data attribute value

/* html */
<a data-id="123">link</a>

/* js */
$(this).attr("data-id") // returns string "123"

$(this).data("id") // returns number 123 (jQuery >= 1.4.3 only)

Example 2: jquery attr multiple attributes

.attr({
    target:"nw", 
    title:"Opens in a new window",
    "data-value":"internal link" // attributes which contain dash(-) should be covered in quotes.
});

Example 3: get attribute value jquery

var some_var = $( some_jquery_selector ).attr( 'some_attribute_name' );

Example 4: jquery set att

$input.attr("attributeName", "attributeValue");

Example 5: jquery attr

$( some_item ).attr( "id", "some-id" );
// for setting multiple attributes, it's similar to the css() property. However, quotes are not always required for attr()
$( some_item ).attr({
  id: "some-id",
  // or others.
  title: "Opens in a new window",
  // attributes which contain dash(-), should be covered in quotes.
  "data-value": "internal link"
});

Tags:

Java Example