Javascript 如何将href包装到jquery中的多个元素

我正在尝试添加href标记并获取div的值，因为我需要使用jQuery在href标记上添加该值，我有以下代码

<div class="field-items">
    <div class="field-item even">book
        <div class="icon-more_link"></div>
    </div>
    <div class="field-item odd">pencil
        <div class="icon-more_link"></div>
    </div>
</div>

我想这样做：

<div class="field-items">
    <div class="field-item even">
        <a href="search/book">book</a>
        <div class="icon-more_link"></div>
    </div>
    <div class="field-item odd">
        <a href="search/pencil">pencil</a>
        <div class="icon-more_link"></div>
    </div>
</div>

---

你能帮我一下你需要使用的.wrap功能吗。更多：

代码如下：

$('.field-item').each(function(){

// to get text and remove any unwanted space
var link = $(this).text().trim(); 
$(this).wrap('<a href="search/'+ link +'"></a>');

});

---

jsiddle:

您需要使用.wrap函数。更多：

代码如下：

$('.field-item').each(function(){

// to get text and remove any unwanted space
var link = $(this).text().trim(); 
$(this).wrap('<a href="search/'+ link +'"></a>');

});

jsIDLE:

这就是您需要的：

$(document).ready(function(){

      $('.field-item').each(function(){
        var search = $(this).text().trim();
        $(this).wrap('<a href="search/' + search + '"></a>');
      });

});

这就是您需要的：

$(document).ready(function(){

      $('.field-item').each(function(){
        var search = $(this).text().trim();
        $(this).wrap('<a href="search/' + search + '"></a>');
      });

});

---

您也可以尝试使用Map函数

var a=$； $'.field items>div.field-item'.mapfunction{ 美元这个 .包装一美元 .attr'href'，'search/'+$this.text.trim； 退还$this； }; 书 铅笔 新书 铅笔新

---

您也可以尝试使用Map函数

var a=$； $'.field items>div.field-item'.mapfunction{ 美元这个 .包装一美元 .attr'href'，'search/'+$this.text.trim； 退还$this； }; 书 铅笔 新书 铅笔新

---

@康斯坦蒂纳齐佐夫你读过这个问题吗？他不是在试图更改超链接的href，而是在尝试添加超链接。@skycomputer2您还可以使用jquery映射来学习jquery中的新内容。我的回答是：@KonstantinAzizov你读过这个问题了吗？他不是在试图更改超链接的href，而是在尝试添加超链接。@skycomputer2您还可以使用jquery映射来学习jquery中的新内容。我的回答：你应该使用.text.trim，因为他在文本后有空格。这是可行的，但我必须做一个更改。我必须在文本前添加一个href标记：@skycomputer2，你更改了你的问题，根据你以前的问题，我的答案是正确的。现在的答案会有所不同。但问题是，如果人们看到我现在对你的问题的回答，他们会给我投反对票，这是不公平的。您可以在不更改问题的情况下提出请求并首先接受此答案。您应该使用.text.trim，因为他在文本后有空格。这是可行的，但我知道我必须进行更改。我必须在文本前添加href标记：@skycomputer2，您更改了问题，根据您以前的问题，我的答案是正确的。现在的答案会有所不同。但问题是，如果人们看到我现在对你的问题的回答，他们会给我投反对票，这是不公平的。你可以在不改变问题的情况下提出请求，然后首先接受这个答案。鲁胡尔·阿明-你已经复制了我的解决方案！鲁胡尔·阿明-你复制了我的解决方案！