Alternative to dataset for IE8 (sorting elements by data attribute)

Question

Can anyone help me get this script working for IE8? It works fine in Mozilla and WebKit browsers, but throws an error in IE8: 'dataset.numValue' is null or not an object.

var $wrapper = $('#containerInner'),
  $sorted = $wrapper.find('.sortMe').get().sort(function (a, b) {
    return +a.dataset.numValue - +b.dataset.numValue;
  });

I know IE8 supports data attributes... but can't figure out or find on Google an answer to this!

Answer 1

You should try using data() of jQuery instead of dataset.

var $wrapper = $('#containerInner'),
  $sorted = $wrapper.find('.sortMe').get().sort(function (a, b) {
    return +$(a).data("numValue") - + $(b).data("numValue");
});

Answer 2

You should use: $(el).data('key') . To store data on an element using markup simply use the data-key attributes.

Answer 3

在jQuery中，您可以使用$ .data方法来获取此值。