CODEWITHSUNDEEP
jqueryselecthtmltitle
nick2k3
nick2k3

Reputation: 1429

Select a div by title with jQuery

I have a webpage with a div which contains several other divs WITHOUT an ID associated to them: 

<div id="container">
<div   title ="jhon" style=" position:absolute; left: 821px; top: 778.44px; width:8px; height:9px; z-index:3;"> </div> 
<div   title ="carl" style=" position:absolute; left: 561px; top: 579.88px; width:8px; height:9px; z-index:3;"> </div> 
</div>

I need to be able to search one of these div by title and then access its style attributes such as left and top.

I am using jQuery but I have no idea on how to select an element by name. I've tried something like: 

var c =$('div[title~="john"]');
alert(c);               //I get [object Object]
alert(c.style.left)     // throws an error and is undefined

but it seems not to work.

Any help?

Upvotes: 3

Views: 25239

Answers (2)

Skyrel
Skyrel

Reputation: 226

try

$("div[title~=john]"); //no quotations inside

Attribute Contains Word Selector [name~="value"]

Upvotes: 0

Gigi
Gigi

Reputation: 4962

alert( $("div[title=\"john\"]").css("left") );
alert( $("div[title=\"john\"]").css("top") );

or, if the name is a variable:

var name = "john";
alert($("div[title=\""+name+"\"]").css("left"));
alert($("div[title=\""+name+"\"]").css("top"));

Upvotes: 7

Related Questions