首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery的第二个li中的URL链接

使用jquery的第二个li中的URL链接
EN

Stack Overflow用户
提问于 2018-11-30 21:15:39
回答 2查看 216关注 0票数 1

我正在尝试在ul second li中添加url。但是得到了错误。我在下面的jquery代码中尝试过

代码语言:javascript
运行
复制
$('.breadcrumb ol li:nth-child(2)').append('<a href="\search.php?' + $(this).html() + '" />');
}); 

HTML代码

代码语言:javascript
运行
复制
<ol>
<li class="breadcrumb">abc</li>
<li class="breadcrumb">abc</li>
<li  class="breadcrumb">abc</li>
<li  class="breadcrumb">abc</li>
</ol>

我的Js不好。只是需要帮助。谢谢

EN

回答 2

Stack Overflow用户

发布于 2018-11-30 21:20:58

您使用了错误的jQuery选择器,并且没有结束<a>标记。

Jquery选择器的工作方式类似于CSS,您需要遵循编写的HTML的顺序,所以如果您有一个<ol>并且在<li>标记内,您需要像这样编写来选择正确的选择器:

$('ol li.breadcrumb')

对于您的情况,请使用以下内容,.wrap()用于将内容与您传递给它的标签一起包装:

代码语言:javascript
运行
复制
$('ol li.breadcrumb:nth-child(2)').wrap('<a href="#" />');
代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ol>
  <li class="breadcrumb">abc</li>
  <li class="breadcrumb">abc</li>
  <li  class="breadcrumb">abc</li>
  <li  class="breadcrumb">abc</li>
</ol>

票数 0
EN

Stack Overflow用户

发布于 2018-11-30 21:49:29

注入了错误的JQuery选择器,只需使用

$('ol li.breadcrumb:nth-child(2)').wrap('<a href="/search.php?' + $(this).html() + '" />');

这应该是你的搜索URL中的正斜杠。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53558308

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档