使用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 是包含我要打印的链接的 标记的父元素的类。我对 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>

编辑：

请参阅此小提琴以进行澄清：

http://jsfiddle.net/ XD5qj/

Answer 2

您可以使用 jQuery 的 html() 函数。

例如：

<script>
$(function(){

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


});
</script>

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

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

如果您有多个“<代码>”标签，你想使用 jQuery 方便的“each()”函数：

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