Javascript 从变量内部的html字符串中选择元素
我在变量中有html字符串数据,如下所示Javascript 从变量内部的html字符串中选择元素,javascript,jquery,html,Javascript,Jquery,Html,我在变量中有html字符串数据,如下所示 var htmlstring = "<div><div class='testdiv'>924422</div></div>" var htmlstring=“924422” 我期望的是获取具有类的div的内容。在本例中为.testdiv数据 我该如何实现? 我知道一种方法:将这个html字符串附加到html页面,然后访问。但我不想这样做,因为我正在使用ajax和服务器返回某种html字符串。现在我想
var htmlstring = "<div><div class='testdiv'>924422</div></div>"
var htmlstring=“924422”
我期望的是获取具有类的div的内容。在本例中为.testdiv数据
我该如何实现?
我知道一种方法:将这个html字符串附加到html页面,然后访问。但我不想这样做,因为我正在使用ajax和服务器返回某种html字符串。现在我想获取特定div中的数据
那么有没有其他方法呢?您可以通过以下方式来实现:
console.log($(htmlstring).find("div.testdiv").text());
您可以通过以下方式完成此操作:
console.log($(htmlstring).find("div.testdiv").text());
首先,在html的类名中不使用
。要获取html字符串中该div的内容,可以使用jqueryfind
函数
var htmlstring=“924422”
警报($(htmlstring.find('.testdiv').html())代码>
首先,在html的类名中不使用
。要获取html字符串中该div的内容,可以使用jqueryfind
函数
var htmlstring=“924422”
警报($(htmlstring.find('.testdiv').html())代码>
这里有一种不用jQuery就可以实现的方法。
var htmlstring=“924422”;
函数getTestDiv(htmlString){
var textVal=null;
var div=document.createElement('div');
div.innerHTML=htmlString;
var元素=div.childNodes;
if(elements.item(0).childNodes.item(0).className==='testdiv'){
textVal=elements.item(0).childNodes.item(0).innerHTML;
}
返回textVal;
}
log(getTestDiv(htmlstring))代码>这里有一种不用jQuery就可以实现的方法。
var htmlstring=“924422”;
函数getTestDiv(htmlString){
var textVal=null;
var div=document.createElement('div');
div.innerHTML=htmlString;
var元素=div.childNodes;
if(elements.item(0).childNodes.item(0).className==='testdiv'){
textVal=elements.item(0).childNodes.item(0).innerHTML;
}
返回textVal;
}
log(getTestDiv(htmlstring))代码>字符串没有方法find()
是的,只是忘记了$
符号字符串没有方法find()
是的,只是忘记了$
符号