Использование jquery для записи информации из других частей документа

Question

<script type="text/javascript" src="jquery.js"></script>
<script>

var printLinks = function () {
    var links  = $(.info).code;
    document.write(links);
};

</script>

<form>
<input type="button" value="printlinks" onclick="printLinks()"></input>
</input>
</form>

Я пытаюсь записать в документ весь текст определенного типа элемента, который является потомком элемента, который я запрашиваю по классу $(.info).Я знаю, что document.write - не лучший способ записи в документ.info - это класс родительского элемента тегов <code>, которые содержат ссылки, которые я хочу распечатать.Я очень новичок в jQuery, поэтому я, вероятно, неправильно его использую.Любая помощь будет оценена.

Answer 1

Хорошо, если я правильно понимаю, вы хотите получить содержимое элемента с классом info. Если это правильно, вы хотите использовать следующий подход:

<script type="text/javascript">
function printLinks() {
  var content = $('.info').html();     // Grab innerHTML of element

  $('#idOfTargetElement').html( content ); // write the content here
}
</script>

EDIT:

См. Эту скрипку для уточнения:

http://jsfiddle.net/XD5qj/

Answer 2

Вы можете использовать функцию html () jQuery.

Например:

<script>
$(function(){

  var links = $('.info code').html();
  $('.output').html(links);


});
</script>

<div class="info"><code>Example code</code></div>

<div class="output"></div>

Если у вас есть несколько тегов , вы хотите использовать удобный "each () "функция jQuery:

$('.info code').each(function(){
  $('.output').append($(this).html());
});