javascript - 如何仅将关键字的 "some"转换为链接而不是全部

Question

我已经这样做了一个星期了。仍然找不到答案。我试图仅将部分关键字转换为链接而不是全部。例如，如果一个段落中有7个关键字，我怎样才能只转换其中的3个？有人可以帮忙吗？请

目前这是我的代码。

(function($) {


       $.fn.replacetext = function(target, replacement) {
             // Get all text nodes:
             var $textNodes = this

                    .find("*")
                     .andSelf()
                     .contents()
                     .filter(function() {
                         return this.nodeType === 3 && 
                             !$(this).parent("a").length;
                     });

             $textNodes.each(function(index, element) {
                 var contents = $(element).text();
                 contents = contents.replace(target, replacement);
                 $(element).replaceWith(contents);

             });
        };
    })(jQuery);


     $("p").replacetext(/\bdress\b/gi, "<a href='http://www.google.com'>$&</a>");

Answer 1

我建议对函数使用限制，然后检查到目前为止匹配的项目集中的匹配项目的计数是否超过此限制。以下内容将修改前 max 项。

(function($) {
   $.fn.replacetext = function (target, replacement, max) {
       var limit = max || -1;

       // Get all text nodes:
       var $textNodes = this  
           .find("*")
           .andSelf()
           .contents()
           .filter(function () {
           return this.nodeType === 3 && !$(this).parent("a").length;
       });

       $textNodes.each(function (index, element) {
           var $element = $(element);
           var words = $element.text().split(/\b/);
           var matches = 0;
           var text = words.map(function (word, index) {
               if (matches >= limit) {
                   return word;
               }

               if (word.match(target)) {
                   ++matches;
                   return word.replace(target, replacement);
               }

               return word;
           });

           $element.replaceWith(text.join(''));
       });
   };
})(jQuery);

用作

$("p").replacetext(/dress/i, "<a href='http://www.google.com'>$&</a>", 3);

如果您想要全部，只需省略最大值，它就会默认为所有关键字。