Obter atributos de HTML com Javascript

[Calado]

Estou a tentar obter atributos deste html:

Código:

<div id="myDiv" class="topnav" data-ft="{"src":9,"actrs":"1325643650","pub_time":1323047614,"fid":"304946259528198"}">This is a div element</div>

Usei este exemplo de jQuery: http://api.jquery.com/attr/ mas quando quero obter os elementos de data-ft o resultado é '{'. Eu queria por exemplo obter o valor de "fid". Têm alguma ideia?

Obrigado

[Bruno Bernardino]

Sim, o objecto JSON que está dentro do data-ft tem de estar escaped, senão tens data-ft="{", exactamente como o jQuery te diz.

Se estás a colocar o objecto JSON através de PHP, podes usar a função addslashes();

[Calado]

A página HTML já é assim. Eu simplesmente quero obter esses elementos da página.

[Mettafox]

(06-12-2011 13:32)Calado Escreveu:  A página HTML já é assim. Eu simplesmente quero obter esses elementos da página.

Em PHP há uma forma de forçar a obtenção de um especifico dado dentro de um JSON Object.

Já em JS, tens de usar funções próprias do JSON, para conseguires obter os valores que queres.

[Calado]

Consegui resolver o problema duma maneira "manhosa". Atribuí a função .attr("data-ft"); a um array e a partir daí consegui obter os elementos que queria. Pode não ser a solução mais perfeita mas é eficaz.