使用jquery通过htmlstring从页面选择html元素
我的问题是:我有一个html字符串,也在网页上 现在我希望这个html字符串可以作为jQuery的选择器 这是文档html使用jquery通过htmlstring从页面选择html元素,jquery,Jquery,我的问题是:我有一个html字符串,也在网页上 现在我希望这个html字符串可以作为jQuery的选择器 这是文档html <body> <p>asdf</p> <p>ghjk</p> </body> asdf ghjk 现在我们有一个字符串 '<p><asdf</p>' ”给出段落id,并通过id选择,如下所示: <p id="myID"><asdf&l
<body>
<p>asdf</p>
<p>ghjk</p>
</body>
asdf
ghjk
现在我们有一个字符串
'<p><asdf</p>'
”给出段落id,并通过id选择,如下所示:
<p id="myID"><asdf</p>
您可以使用parseHTML和JQuery的html()函数:
示例:
JavaScript:
var obj = "<p>asdf</p>"
selector = $.parseHTML(obj)[0].nodeName;
text = $(obj).html();
console.log(text);
$(selector).each(function(index) {
console.log($(this).html());
console.log(text);
if ($(this).html() == text) {
$(this).css('border','1px solid red');
}
});
var obj=“asdf”
选择器=$.parseHTML(obj)[0].nodeName;
text=$(obj.html();
console.log(文本);
$(选择器)。每个(函数(索引){
log($(this.html());
console.log(文本);
if($(this).html()==文本){
$(this.css('border','1px solid red');
}
});
我想你需要:$('p:contains(asdf)').css(“border”,“1px实心红色”)
我尝试了contians选择器,但它不适用于呈现的文档。这个问题没有任何意义。为什么@Jai?,我需要解决方案,并尝试了很多。我的意思是,如果文本是动态的,那么我们为什么要检查文本以将css应用到它。它是非常动态的,并且结果不是针对任何特定的对象!我们可以优化它吗?也许,您可以删除控制台日志:D,您将只有4行代码。在那之后,我没有看到任何优化应用。实际上,我正在进行比较、收集和循环。对于这些信息,你必须检索元素,我看不到任何方法,但可能是在之前,比如当你得到字符串或它如何存储在需要优化的数据库中。
('#myID').css("border",'1px solid red');
var obj = "<p>asdf</p>"
selector = $.parseHTML(obj)[0].nodeName;
text = $(obj).html();
console.log(text);
$(selector).each(function(index) {
console.log($(this).html());
console.log(text);
if ($(this).html() == text) {
$(this).css('border','1px solid red');
}
});