我有一个部门有一篇文章。在前两个<p>上,它都是HTML。
为此,我使用了以下代码。
$(document).ready(function(){
$(".button").click(function(){
var count = 2;
var selected = $(this).attr("data-value");
if (count.length === 0)
{
$("span").css({ "display": "block"});
}else{
$('.button').removeClass("active");
if (selected == 'paragraphs')
{
$(this).addClass("active");
var text = "";
$( "p" ).each(function( index ) {
if (index < count)
{
text += '<p>'+($( this ).text()).trim() + "</p><br>";
}
});
$( "#demo" ).empty();
document.getElementById("demo").innerHTML = text;
}
}
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>
<span data-value="paragraphs" class="button" style="cursor: pointer;">Paragraphs</span>
</button>
<div class="col-xs-12" id="ltr" style="max-height: none; display: none;">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<p>
Senectus et netus et malesuada. Nunc pulvinar sapien et ligula ullamcorper malesuada proin.
</p>
<p>
Sit amet nulla facilisi morbi tempus.
</p>
</div>
<p id="demo"></p>
这样,我只得到了<p>文本的结果,但我希望得到类似的结果。
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Senectus et netus et malesuada. Nunc pulvinar sapien et ligula ullamcorper malesuada proin.</p>都是html标签。
有人能帮我吗。
发布于 2019-12-16 11:31:26
如果您想呈现一个<字符,那么将<放在HTML中。
$(document).ready(function(){
$(".button").click(function(){
var count = 2;
var selected = $(this).attr("data-value");
if (count.length === 0)
{
$("span").css({ "display": "block"});
}else{
$('.button').removeClass("active");
if (selected == 'paragraphs')
{
$(this).addClass("active");
var text = "";
$( "p" ).each(function( index ) {
if (index < count)
{
text += '<p>'+($( this ).text()).trim() + "</p><br>";
}
});
$( "#demo" ).empty();
document.getElementById("demo").innerHTML = text.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>');
}
}
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>
<span data-value="paragraphs" class="button" style="cursor: pointer;">Paragraphs</span>
</button>
<div class="col-xs-12" id="ltr" style="max-height: none; display: none;">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<p>
Senectus et netus et malesuada. Nunc pulvinar sapien et ligula ullamcorper malesuada proin.
</p>
<p>
Sit amet nulla facilisi morbi tempus.
</p>
</div>
<p id="demo"></p>
https://stackoverflow.com/questions/59355569
复制相似问题