CODEWITHSUNDEEP
jqueryinternet-explorercustom-attributes
Xilang
Xilang

Reputation: 1513

JQuery doesnot support custom attribute in IE*?

In html I have on table like this:

<table for="availableTimeRanges"></table>

then I user jquery to find the table

var table = $("table[for='availableTimeRanges']");

In firefox and chrome, this works,can return the table, but in IE8, nothing return Then i run below code in IE8, found the attribute value is empty:

$.each($("table"), function(i,n){
        alert($(n).attr("for")

});

what's the reason

Upvotes: 1

Views: 1195

Answers (4)

Derek
Derek

Reputation: 1

<table data-ranges="availableTimeRanges"> </table>

var ranges = {
  set : function (options){
     options = options || [];
     //loop and set ranges
  },
  get : function(){
     $("table [data-ranges='availableTimeRanges']").each(function(){
         alert($(this).data("ranges"));
     }); 
  }
};
ranges.get // calls get method

Upvotes: 0

Ali Habibzadeh
Ali Habibzadeh

Reputation: 11558

To add to what Šime Vidas said, Try Changing the name from for to something else like forparam, htmlfor, etc. (You can not use for with a table its for labels that are for an input)

$(function () {

        $('table[forparam=availableTimeRanges]').each(function () {
            alert($(this).attr('forparam'));
        });

    });

Upvotes: 1

ShankarSangoli
ShankarSangoli

Reputation: 69915

In think you should try wrapping your code in $(function(){...});

$(function(){
   $.each($("table"), function(i,n){
        alert($(n).attr("for")
   });
});

Upvotes: 0

ant_Ti
ant_Ti

Reputation: 2425

You better use class names they are supported everywhere

<table class="for_availableTimeRanges"></table>

and

$('.for_availableTimeRanges')

Upvotes: 1

Related Questions