Ajouter un attribut personnalisé à un élément dans Jquery

J'utilise la technique jQuery à la volée pour accomplir ce hack.

$(document).ready(function() {

  $('<div>').attr('id', 'attributename').attr('faron', 'Idunnoyoucanseeme').text('Hello, I am the element with made-up attribute built on the fly.  Made up attribute: faron').appendTo('#nest');

  var attributegrabber = $('#attributename').attr('faron');

  alert(attributegrabber);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="nest"></div>

Premier contrôle

$(this).css('background', 'url(' + randomItem.src + ')');

Fonctionne ou non? Si cela fonctionne, mettez «» à votre code d'attribut d'ajout comme,

$(this).attr('element_id','4');

Vous pouvez également ajouter / définir un attribut personnalisé dans l'image

var attr = 'data-img';
var img = 'Hello'
jQuery('img').attr(attr,img);

Il en résultera

<img src="xyz.jpg" data-img="Hello">

Vous pouvez utiliser la fonctionnalité jQuery .data ().

var theDiv = $('#' + divID).data('winWidth', value);

Récupérez les données en utilisant

theDiv.data('winWidth');