jQuery('<div/>', {
id: 'karta'+i,
znak: player1
}).appendTo('#igrac1');
znak:player1 one is the way that i tried to make custom atribute inside that object, but its wrong. So is it possible to have custom atribute inside jquery object ?
As others have said, when using jQuery, it's much safer to use .data() to store custom data on an element. You can do that compactly in your example like this:
jQuery('<div/>', {id: 'karta'+i,}).data("znak", player1).appendTo('#igrac1');
And, then when you want to reference the znak data, you get it with this:
var curPlayer = jQuery("#karta1").data("znak");
You can see it work here: http://jsfiddle.net/jfriend00/fqaKg/
If you want to set multiple data items on an object, you can do it either with multiple .data() calls or by passing an object to .data():
jQuery("#karta1").data("player", "Bob").data("age", 13);
or
jQuery("#karta1").data({player: "Bob", age: 13});
And, those can then be retrieved as:
var player = jQuery("#karta1").data("player");
var age = jQuery("#karta1").data("age");
.data() doc page. You can have as many different keys with the .data() function as you want. You just call .data() multiple times for each key you want to set. And there is no limit on the size of the data (other than whatever limitations javascript has). Internally, jQuery is just storing the data as key/value pairs on a javascript object.
jQuery.data(igracDiv, "test",{name:"Joe", age:12});. You now have name and age stored in igracDiv.Look at the jQuery.data() function, maybe you can use it in your case. Here is a fiddle with an example i've just made: http://jsfiddle.net/dRtqQ/
Here is the html:
<div id="igrac1"></div>
Here is the Js:
jQuery('<div/>', {
id: 'karta',
znak: 'hey'
}).appendTo('#igrac1');
var igracDiv= $("karta");
// store the information
jQuery.data(igracDiv, "test",{name:"Joe", age:12});
//then to read it (or put it in another variable)
alert(jQuery.data(igracDiv, "test").name);
If I'm understanding what you're trying to do, you need to use attr:
var newDiv = jQuery('<div/>', {
id: 'karta'
}).attr(znak,player1)
or you could do this:
var details = {
id: 'karta'
};
details[znak] = player1;
var newDiv = jQuery('<div/>', details).appendTo('body');
But as stated in the other question, data is usually a better idea than custom attributes.
You're setting an attribute znak to the value of player1. In other words the element would look like this
<div id="kart1" znak="<!-- value of player` -->"></div>
You might be looking for $.data to store a value for the element.
