Сопоставление значений клонирования из div с идентификаторами в div с соответствующим именем данных

Question

Вот логика, которую я пытаюсь выполнить:

Если

id="" элемента соответствует data-attribute="" другого элемента

затем

.clone значение элемента с указанным id="" и добавление его к элементу с указанным data-attribute=""

На практике код будет преобразован следующим образом:

До

    <div style="display:none" id="1">something</div>
    <div data-attribute="1"></div>

    <div style="display:none" id="2">stuff</div>
    <div data-attribute="2"></div>

После

    <div style="display:none" id="1">something</div>
    <div data-attribute="1">something</div>

    <div style="display:none" id="2">something</div>
    <div data-attribute="2">stuff</div>

Где я терплю неудачу: я не могу автоматизировать процесс. Я могу только найти элемент, обратившись к определенному идентификатору, а затем скопировать эту информацию в другой элемент.

Текущий код: http://jsfiddle.net/jTLnH/1/

Answer 1

Возможно, я неправильно понял, но я думаю, что вы пытаетесь сделать следующее:

// loop over all divs which have an id
$('div[id]').each(function() {

  // create a selector matching the div id with the data-attribute
  var $divData = $('div[data-attribute="' + this.id + '"]');

  // if it exists, set the text
  if ($divData.length) {
    $divData.text( $(this).text() );
  }

});

Вот скрипка