使用jquery替换li文本
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用jquery替换li文本相关的知识,希望对你有一定的参考价值。
我正在尝试替换li和标签的内容。
尝试下面的代码。
<html>
<head>Sample</head>
<body>
<a href="#"><input type="checkbox" class="layer-input-filter" name="testname">Test <span class="count">5</span> </a>
<a href="#"><input type="checkbox" class="layer-input-filter" name="testname1">Test1 <span class="count">10</span> </a>
<ul>
<li><a href="#" rel="noopener">Mixed assessment guidelines</a></li>
<li><a href="" target="_blank" rel="noopener">Specimen </a></li>
<li><a href="#" rel="noopener">Plagiarism </a></li>
<li><a href="" target="_blank" rel="noopener">Download </a></li>
<li><a href="#" rel="noopener">Qualification update</a></li>
<li><a href="" target="_blank" rel="noopener">Specimen</a></li>
<li><a href="#" rel="noopener">Exam guide update</a></li>
<li><a href="" target="_blank" rel="noopener">Guide </a></li>
</ul>
<script>
$(document).ready(function($)
var value = 0.4;
$("body").find('li').each(function (index)
if ($(this).text() != '')
var str = $(this).clone().children().remove().end().text();
var newstring = str + str.substring(0, str.length * value);
$(this).text(newstring);
);
);
</script>
</body>
</html>
我需要替换身体内每个li的文本。所以在jquery之上使用它。但它不起作用。
示例:
<li><a href="#" rel="noopener">Plagiarism </a></li>
应该替换为
<li><a href="#" rel="noopener">PlagiarismPlag </a></li>
每个li文本的前四个字符。这是上面例子中的Plag
有人可以帮帮我吗?
答案
我认为问题在于线路
var str = $(this).clone().children().remove().end().text();
函数的顺序使字符串最后变为空。如果你用它替换它
var str = $(this).text();
有用。
我不确定你的生产线想要实现什么,但问题在于此。
以上是关于使用jquery替换li文本的主要内容,如果未能解决你的问题,请参考以下文章