Получить HTML из элемента в переменную

Question

Получить HTML из элемента в переменную

0

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

Вот пример html:

<article id="editable2">
<p>blablabla</p>
</article>

Это jquery, который я использовал:

$(document).ready(function(){

    $("#save").click(function(){

      $('#editable2').prop('outerHTML');
      alert( $(this).data("outerHTML") );

    });

});

Однако всплывающее окно продолжает говорить неопределенно.

Благодарю!

pufAmuf 11 март 2014, в 21:06

Источник

1

Вы никогда нигде не добавляете ключ outerHTML в хранилище данных. Вы можете прочитать о том, что делает .data : api.jquery.com/data . Возможно, вы намеревались написать alert($('#editable2').prop('outerHTML')) ?
Felix Kling 11 март 2014, в 19:27
0

Я бы использовал инструменты Firebug или Chrome для отладки jQuery. Проверьте, что содержат ваши переменные. Поместите точку останова в свое оповещение, а затем, например, посмотрите, что возвращает $ (this).
EthanTowne 11 март 2014, в 19:34

Теги:

jquery

2 ответа

0

Использовать alert( $('#editable2').html());

Arjit 11 март 2014, в 17:05

0

Спасибо, но тогда нет никакой переменной, чтобы использовать для сообщения, не так ли? Как это будет работать?
pufAmuf 11 март 2014, в 19:33
0

что и где вы должны опубликовать ...
Arjit 11 март 2014, в 19:35
0

Я хотел использовать ajax для сохранения переменной в таблицу mysql.
pufAmuf 11 март 2014, в 19:41
0

хорошо ... тогда у вас есть post (), а также метод ajax ()
Arjit 11 март 2014, в 19:42

Показать ещё 2 комментария

Ещё вопросы

Вы никогда нигде не добавляете ключ outerHTML в хранилище данных. Вы можете прочитать о том, что делает .data : api.jquery.com/data . Возможно, вы намеревались написать alert($('#editable2').prop('outerHTML')) ?
Я бы использовал инструменты Firebug или Chrome для отладки jQuery. Проверьте, что содержат ваши переменные. Поместите точку останова в свое оповещение, а затем, например, посмотрите, что возвращает $ (this).
Спасибо, но тогда нет никакой переменной, чтобы использовать для сообщения, не так ли? Как это будет работать?
что и где вы должны опубликовать ...
Я хотел использовать ajax для сохранения переменной в таблицу mysql.
хорошо ... тогда у вас есть post (), а также метод ajax ()

Darren · Accepted Answer · 2014-03-11T17-10-00.000Z

Если вы пытаетесь присвоить содержимое переменной a, вы можете сделать что-то вроде следующего.

HTML

<article id="editable2">
  <p>content</p>
</article>

<a href="#" id="save">click</a>

JS

$(document).ready(function(){

  $("#save").click(function(){
    var popup = $('#editable2').prop("outerHTML");
    alert( popup );
  });

});

Вот рабочий пример: http://www.codepen.io/anon/pen/jiDmx

Если вы пытаетесь получить только содержимое # editable2 div (это моя догадка), тогда просто выполните:

var popup = $('#editable2').html();