Jquery 在句子中添加单词的链接

在JQuery中是否有一种方法可以从用户输入的句子中选择一个特定的单词，用户可以随时添加指向该单词的链接。注意：该句子不是硬编码的，我们不知道用户将输入哪个句子。根据句子的不同，我们必须创建指向所选单词的链接

Try the below

<input type="text" id="enter"/>
    <div id="content" ></div> 



$("#enter").bind("keyup",function(){

$("#content").html($("#enter").val().replace("Jquery","<a href=''  >Jquery</a>"));
});

在input中输入Jquery并选中它

感谢

结合以下Sridhar Narasimhan答案的部分资源，您可以得出以下未经测试的答案：

HTML:

Javascript:

试试这个

      Your HTML Structure.
     <input type="text" id="enter"/>
     <input type="text" id="link"/>
     <button type="button" onclick="doAction()">Make Link</button>
     <div id="content" >Mrinmoy Ghoshal</div>

这是你的函数

       function doAction(){

       var enterv=document.getElementById('enter').value;
       var linkv=document.getElementById('link').value;
       var str=document.getElementById('content').innerHTML;

       var strnew=str.replace(enterv,'<a href="'+linkv+'">'+enterv+'</a>');
       document.getElementById('content').innerHTML=strnew;
       alert(strnew);
       }

---

信息太少。还有可能，纯JS就是您需要拆分的所有内容。例如，我想您可以感谢@Sridhar Narasimhan，这里我不想在文本框中输入所有数据，我想选择一个特定的单词并添加一个指向该单词的链接。我已经包含了一个指向JSFIDLE的工作演示链接。我还没有完全测试过这段代码，但这只是一般的直觉，可以改进。谢谢，我不想选择整个语句，我想使用演示中的任何外部按钮添加到特定单词的链接，它不是选择整个输入，而是选择的文本。代码是在选择时将链接添加到所选文本，我想你可以用按钮点击事件来处理这个问题。我已经更新了代码，在自定义链接中包含了一行所选文本。如果我输入Hai Chridam并点击“Chridam”链接添加，就可以了。但是下一次如果我点击“hai”，chridam链接将消失。是否可以在不消失任何内容的情况下显示两个链接。请您将上面的内容以FiddleWait格式发送一分钟，我将给您链接对不起，存在问题，请检查什么问题？在可用字段中输入文本并单击“添加链接”后，请告诉我什么都没有发生

      Your HTML Structure.
     <input type="text" id="enter"/>
     <input type="text" id="link"/>
     <button type="button" onclick="doAction()">Make Link</button>
     <div id="content" >Mrinmoy Ghoshal</div>

       function doAction(){

       var enterv=document.getElementById('enter').value;
       var linkv=document.getElementById('link').value;
       var str=document.getElementById('content').innerHTML;

       var strnew=str.replace(enterv,'<a href="'+linkv+'">'+enterv+'</a>');
       document.getElementById('content').innerHTML=strnew;
       alert(strnew);
       }