Выберите деление по названию с помощью jQuery

Question

У меня есть веб-страница с div, которая содержит несколько других div без идентификатора, связанного с ними:

<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>

Мне нужно найти один из этих div по названию, а затем получить доступ к его атрибутам стилянапример, left и top.

Я использую jQuery, но не знаю, как выбрать элемент по имени.Я пробовал что-то вроде:

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

, но, похоже, не работает.

Любая помощь?

Answer 1

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

или, если имя является переменной:

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

Answer 2

try

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

Атрибут содержит селектор слов [name ~ = "value"]