Não é muito conhecido que você pode definir atributos de dados arbitrariamente em seus elementos. Aqui está uma pequena dica que pode ajudar com alguns modelos de widget habilidosos.
O formato é simplesmente data- *:
<div id="thing" data-widget='{"status":"awesome","code":"thumbsup"}'>
E daí?
Agora você pode fazer isso:
var widgetData = $("#thing").data("widget");
if( widgetData.status === "awesome" )
haveAParty();
- cuidado com as aspas “vs ‘vai bagunçar as coisas!