Javascript .每个内部变量_Javascript_Jquery_Html

Javascript .每个内部变量

javascript jquery html

Javascript .每个内部变量,javascript,jquery,html,Javascript,Jquery,Html,我只是问如何使用。当我的html在java脚本变量中，而不是在DOM本身中时如果我有这样的html： <html> <h1>deze</h1> <h1>this</h1> <h1>dies</h1> </html> 它只会发出3次警报，告诉deze，这个，死了。现在我想做同样的事情，但是要使用html内部变量。不知道这是我的伪代码： var html = '

我只是问如何使用。当我的html在java脚本变量中，而不是在DOM本身中时

如果我有这样的html：

<html>
    <h1>deze</h1>
    <h1>this</h1>
    <h1>dies</h1>
</html>

它只会发出3次警报，告诉deze，这个，死了。现在我想做同样的事情，但是要使用html内部变量。不知道这是我的伪代码：

var html = '
           <h1>deze</h1>
           <h1>this</h1>
           <h1>dies</h1>
           ';

$(html).each('h1', function(){
    var test = $(this).html();
    alert(test);                
});

var-html=
德泽
这
死亡
';
$（html）。每个（'h1'，函数（）{
var test=$（this.html（）；
警报（测试）；
});

不知道该怎么做，我不知道。请开导我

试试以下方法：

$(html).filter('h1').each(function(){
    var test = $(this).html();
    alert(test);                
});

Fiddle:

首先尝试将sting解析为一些DOM节点：

var-html=\
德泽\
这个\
死亡\
';
var test=$.parseHTML（html）；
$（'h1'，test）.each（函数（）{
var test=$（this.html（）；
警报（测试）；
});

示例如下：

另外，在您的问题中，我注意到您的html变量不会像在多行中键入变量那样解析为变量

使用此方法时需要注意的一点是，如果您正在搜索的元素位于顶层，则此方法将无法工作。要避免这种情况，只需将字符串包装在一个div中。有关详细信息，请参见此处：

var html='1！'\
德泽\
这个\
死亡\
';
$（“”）.html（html）.find（“h1”）.each（function（）{
var test=$（this.html（）；
警报（测试）；
});
$（html）.filter（“h1”）.each（函数（）{
var test=$（this.html（）；
警报（测试）；
});

var html='deze'+
‘这’+
“死了”；
$（html）.filter（函数（）{
var test=$（this.html（）；
警报（测试）；//deze//此//死亡
});

您的html变量无效。您对每个主题的使用都是无效的。还有一个主题的响应很好。参见[Stackoverflow Topic][1][1]：您试过了吗？你不会收到任何警报。我的坏。。。现在试试看<代码>过滤器，而不是

查找

。你到底为什么有一个get（0）？它没有任何帮助。是的，我已经在使用您的代码和平，我只是删除了.get（0），因为我认为没有理由在该位置调用ajax函数。@我之所以需要它，是因为我使用.post来获取一些html，然后我需要对其中的根元素进行文盲。所以你的代码工作得很好。我喜欢你的答案，.filter对我来说很有用，但知道如何使用html内部变量很方便，谢谢。

$(html).filter('h1').each(function(){
    var test = $(this).html();
    alert(test);                
});

var html = '<div>\
           <h1>deze</h1>\
           <h1>this</h1>\
           <h1>dies</h1>\
           </div>';
var test = $.parseHTML(html);

$('h1',test).each(function(){
    var test = $(this).html();
    alert(test);                
});

var html = '\
           <h1>deze</h1>\
           <h1>this</h1>\
           <h1>dies</h1>\
           ';

$("<div/>").html(html).find("h1").each(function(){
    var test = $(this).html();
    alert(test);                
});


$(html).filter("h1").each(function(){
    var test = $(this).html();
    alert(test);                
});

var html = '<h1>deze</h1>'+
           '<h1>this</h1>'+
           '<h1>dies</h1>';

$(html).filter(function(){
    var test = $(this).html();
    alert(test);                          // deze // this // dies
});