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

您可以使用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>

如果您有多个“＆lt; code＆gt;”标签，你想使用jQuery的方便的“each（）”函数：

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

Answer 2

好的，如果我理解正确，您希望使用类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/

使用jquery从文档的其他部分写入信息

2 个答案: