<html>
<head>
<title>test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<div data-index="e" data-letter="t">
<div data-index="r" data-letter="r">
<div data-index="p" data-letter="p">
<div data-index="l" data-letter="i">
<div data-index="b" data-letter="f">
<div data-index="o" data-letter="o">
<div data-index="m" data-letter="!">
<a href="#">click</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
// code here
</script>
</body>
</html>
var pairs = {};
$('[data-letter]').each(function(){
var data = $(this).data();
pairs[ data.index ] = data.letter;
});
console.log(pairs.p + pairs.r + pairs.o + pairs.b + pairs.l + pairs.e + pairs.m); // profit!<script type="text/javascript">
var word = 'problem', index, data = {}, result = [];
// Собираем данные с дата аттрибутов
$('div').each(function(i){
data[$(this).data('index')] = $(this).data('letter')
});
// Цикл по слову
for(index in word)
{
console.log(data[word[index]]);
result.push(data[word[index]]);
}
console.log(result); // profit!
</script>var word = ['p', 'r', 'o', 'b', 'l', 'e', 'm'];
$('div').on('click', function(e){
e.stopPropagation();
writeLetter.apply(this);
});
$('a').on('click', function(e){
e.stopPropagation();
$.each(word, function(index, letter){
$('[data-index="' + letter + '"]').trigger('click');
});
});
function writeLetter() {
console.log( $(this).data('letter') );
}