使用包含HTML的JavaScript变量中的jQuery获取选择器(.html())的html内容

我有一个包含html代码的javascript变量。 我需要在这部分html代码中获取div html内容。 我该怎么做 ? 这是一个例子:

var code = ' #example{ border:1px; font-size:20px; }  
Some Content
Some Content Another Content
This Is My Code.
Etc Etc
';

我想用Jquery .html()获取div“my_code”的内容;

我该怎么做 ?

谢谢

code变量它只是文档的一个字符串。 如果你已经在体内解析了这个HTML代码,那么你可以使用$('#my_code') ,否则它仍然只是一个字符串所以..这是另一个故事。

在这里查看另一个故事: http : //jsfiddle.net/NSCQh/1/

我强烈建议您查看jQuery的选择器概述 。 它们是jQuery魔术中最重要的部分,如果不了解它们,从长远来看,你将无处可去。

 var html = $('#my_code').html() 

或者因为div只包含文本

 var txt = $('#my_code').text() 

你有一个字符串,你需要一个DOM元素。 从那里,你可以获得jQuery对象。

 var el = document.createElement('div'); el.innerHTML = code; console.log($(el)); 

将字符串传递给jquery,它的工作原理

 var foo = '
fooBar
'; var inside = $(foo).find('.bar').text(); alert(inside);

创建一个ELEMENT,比如p

使用以下内容

 $('

').append(code).find('div#my_code').html();

它创建一个p元素,然后追加变量code的内容,然后找到id=my_code div并选择它的innerHTML

代码段中的工作模型。

 var code = ` 
Some Content
Some Content Another Content
This Is My Code.