使用jQuery在第二个Li中的URL链接

Question

我正在尝试在第二个网址中添加网址。但是出错了。我在jQuery代码下面尝试过

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

HTML代码

<ol>
<li class="breadcrumb">abc</li>
<li class="breadcrumb">abc</li>
<li  class="breadcrumb">abc</li>
<li  class="breadcrumb">abc</li>
</ol>

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

Answer 1

您使用了错误的jQuery选择器，并且没有关闭e标签。

jQuery选择器的工作方式类似于CSS，因此您需要遵循编写的HTML的顺序，因此，如果您有<a>，并且在<ol>标签内，则需要这样编写以选择正确的标签：

<li>

在您的情况下使用以下内容，$('ol li.breadcrumb')用于包装带有传递给它的标签的内容：

.wrap()

$('ol li.breadcrumb:nth-child(2)').wrap('<a href="#" />');

Answer 2

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

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

，并且在搜索URL中应为正斜杠。