Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery替换li文本,而不更改其他元素_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用jquery替换li文本,而不更改其他元素

Javascript 使用jquery替换li文本,而不更改其他元素,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试替换li和tags的内容 尝试下面的代码 <html> <head>Sample</head> <body> <a href="#"><input type="checkbox" class="layer-input-filter" name="testname">Test <span class="count">5</span> </a>

我正在尝试替换li和tags的内容

尝试下面的代码

<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>

样品
$(文档).ready(函数($){ var值=0.4; $(“body”).find('li')。每个(函数(索引){ 如果($(this).text()!=“”){ var str=$(this.clone().children().remove().end().text(); var newstring=str+str.substring(0,str.length*值); $(this).text(新闻字符串); } }); });
我需要替换体内每一个li的文本。因此,在jquery上面使用它。但它不起作用

例如:

<li><a href="#" rel="noopener">Plagiarism </a></li>
  • 应替换为

    <li><a href="#" rel="noopener">PlagiarismPlag </a></li>
    
  • 每一段文字的前四个字符。在上面的示例中,这是Plag


    有人能帮我吗?

    与其克隆,不如直接替换
    li>a
    的文本。无需首先测试字符串是否为空,因为如果为空,现有文本(空字符串)不会更改:

    var值=0.4;
    $(“body”).find('li>a')。每个(函数(索引){
    常量文本=$(this.text();
    const newText=text+text.slice(0,Math.floor(text.length*value));
    $(this).text(newText);
    });
    
    
    

    我希望能在这方面帮助您:

        var str = $(this).find('a').text();
        var newStr = str + str.substr(0, 4);
        $(this).find('a').text(newStr)
    
    示例代码:

    $(文档).ready(函数($){
    $('li>a')。每个(函数(索引,元素){
    var b=“Plag”
    var data=$(this).text();//它将给出1,2,3
    变量位置=(数据子字符串(0,4))
    变量输出=[数据,位置].连接(“”);
    $(this).empty().append(“
    

    在您的情况下,您可以这样使用。试试这个

    $(文档).ready(函数($){
    $(“body”).find('li')。每个(函数(e){
    如果($(this).text()!=“”){
    var str=$(this.text();
    var newstring=str.substring(0,4)+str;
    $(this).children('a')[0].innerHTML=newstring;
    }
    });
    });
    
    

    需要替换这两行代码。var str=$(this.text();var newstring=str+str.substring(0,4);我要li text,@jafarpinjar是的,你看到我写的示例代码了吗?我更改了li text.hi@Aishwarya,我需要为所有li itemsNo,var b=“Plag动态添加,您正在添加此文本,但我需要获取wordhi@Aishwarya的前4个字符,为什么要添加var b=“Plag”,这将替换所有li,我需要获取每个li文本,并在每个li的末尾添加前4个字符与原始文本,现在为所有liI添加插件。我正在检查2mns。嗨@Darshana,这将替换标记,并且我已修复。请签出@jafarpinjar