2015-08-13 2 views
0

Я пытаюсь дать этой кнопке обертку div. Как мне это сделать? И если мне нужно преобразовать его в html, чтобы сделать это, что является наиболее эффективным способом? БлагодаряПреобразование элемента jquery в html

var button = ($('<button>', { 
      "id": "jspsych-free-sort-done-btn", 
      "class": "jspsych-free-sort", 
      "html": "Done", 
      "style": "text-align:center", 
      "click": function() { 
       var end_time = (new Date()).getTime(); 
       var rt = end_time - start_time; 
       // gather data 
       // get final position of all objects 
       var final_locations = []; 
       $('.jspsych-free-sort-draggable').each(function() { 
        final_locations.push({ 
         "src": $(this).attr('src'), 
         "x": $(this).css('left'), 
         "y": $(this).css('top') 
        }); 
       }); 

       jsPsych.data.write({ 
        "init_locations": JSON.stringify(init_locations), 
        "moves": JSON.stringify(moves), 
        "final_locations": JSON.stringify(final_locations), 
        "rt": rt 
       }); 

       // advance to next part 
       display_element.html(""); 
       jsPsych.finishTrial(); 
      } 
     })); 
+0

Спасибо за ответы. Причина, по которой я хотел, чтобы обертка div была сосредоточена на кнопке. Но button.wrap ("

"); похоже, не работает. Есть предположения? – mlawsonca

ответ

1

jQuery Wrap

Описание: Оберните HTML структуру вокруг каждого элемента в наборе соответствующих элементов.

button.wrap('<div></div>'); 
+0

Не будет '.wrap' вернуть исходный элемент, а не сгенерированный' div'? Подумайте об использовании ['.wrapAll'] (http://jqapi.com/#p=wrapAll). –

+0

Это проблема ?. OP просто сказал, что хочет обернуть кнопку в div. –

+0

Нет никакой пользы от '.wrapAll' здесь. В приведенном выше коде OP явно создается только один элемент, поэтому '.wrap' выполняет эту работу. –

Смежные вопросы