如何使用JQuery选择整个<li>标签并使其成为链接？
要使用jQuery选择整个<li>标签并使其成为链接，您可以使用以下代码：
$(document).ready(function() {
$("li").wrapInner("<a href='#'></a>");
});这段代码首先等待文档加载完成，然后使用wrapInner()函数将<li>标签内部的所有内容包裹在一个<a>标签中，并将href属性设置为您希望链接到的目标地址。
请注意，您需要将#替换为您希望链接到的实际地址。
相关·内容
1回答
你能告诉我如何用离子框架+角形在顶部制作标签吗?我可以在jquery移动 中制作，我需要在离子框架上试一试。
，但是这些选项卡来了，fotter，我需要在头上添加选项卡，我在.could上做了一些工作，请告诉我，我将如何使用jquery完成离子型的相同任务。
<div data-role="tabs" id="tabs">
<div data-role="navbar">
<ul>
<li><a href="#one" data-ajax="fa
浏览 1提问于2015-04-06得票数 2
回答已采纳
1回答
我在W3Schools上找到了这个菜单样本。我试图在MVC布局页面上创建一个菜单栏。我看上去很邋遢，我喜欢这个样子。我把它粘贴到我的网站上，它的工作原理如图所示，但我不明白它是如何设计的。我没有看到任何高度或垂直对齐设置。是填充物的风格吗？这类菜单通常使用ul和li标签吗？我会使用像span标签这样的东西来完成这个任务，而不是ul或li标记。
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
浏览 2提问于2016-05-03得票数 0
回答已采纳
7回答
我想隐藏<a>标签上的jQuery标签点击<li>标签。
<ul>
<li>
<a href="'>Something</a>
</li>
<li>
<a href="'>Something</a>
</li>
<li>
<a href="'>Something</a>
</li>
</ul>
换句话说，如果有
浏览 0提问于2012-09-01得票数 0
1回答
我正在使用jQuery Cycle进行幻灯片放映，在主内容区域中使用带有样式的图像作为背景。我正在将该图像褪色为纯色。纯色将覆盖整个页面的宽度。颜色在CMS中动态写入。CMS将颜色的类名添加到循环影响的容器(li)。循环重置我的所有布局？以前有人这么做过吗？
这就是我想要的样式(没有循环)：
使用周期：
浏览 0提问于2012-03-27得票数 0
1回答
我花了一些时间试图找出一个解决方案，可以复制HTML中的多行列表，删除标签和缩进--所有这些都是在不使用Flash的情况下点击按钮。在我的研究中，我遇到了"“，并且测试了，但是这个解决方案不能在多行列表上工作，但是它对段落文本很有用。我不打算支持Clipbaord，因为它显示了跨浏览器的非常。进一步研究，我遇到了"“和Thayne的答案链接到一个，但它会复制所有的。我想出了如何剥去标签和凹痕：
HTML：
<button onclick="copyToClipboard('#therecipe')">Copy List</but
浏览 2提问于2015-09-14得票数 5
回答已采纳
例如，如果我有像这样的超文本标记语言ul列表
<ul id="ulIdentificator">
<li id="li0"></li>
<li id="li1"></li>
<li id="li2"><label id="label1"></label></li>
</ul>
如果我像这样使用jQuery
var htmlStr = $("#li2"
浏览 5提问于2009-12-17得票数 3
回答已采纳
2回答
我有这样的标记。我希望当有人点击div演示，然后它将重定向到第二个锚标签链接。
<div class="demo">
<div class="social">
<ul>
<li>
<a class="icon"></a>
</li>
<li>
<a href="http://test.com/pag
浏览 1提问于2014-05-30得票数 1
回答已采纳
我有一个jQuery accordion菜单，我知道在某些情况下，我会想让其中一个级别不展开(所以它将是可点击的，而不是打开accordion)，但我似乎无法弄清楚它，也找不到如何操作的文档。
看一下我的示例代码的第二个级别。我试着把它留空，我试着打开和关闭div标签，我也试着在下面看到一个打开和关闭的UL标签，每个标签都会导致菜单在那个级别上折叠，留下一个很大的空白点。有什么建议吗？
<script>
$.ui.accordion.animations.superbounce = function(options) {
this.slide(options, {
浏览 0提问于2012-03-17得票数 0
1回答
我的导航条形码：
<div id="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a hr
浏览 1提问于2017-06-01得票数 0
3回答
我需要一些关于jquery的小帮助。
编辑：
echo "<li> ";
echo $navi_menu->navi_name;
echo "<ul>";
它的Jquery是，
<script type="text/javascript">
$(document).ready(function () {
$("#nav li:has(ul)").click(function (event) {
浏览 1提问于2011-05-13得票数 0
回答已采纳
使用OC v1.5.6.4 ，我希望将css状态保持为在单击后单击的标题菜单
我的菜单是这样的：
<div id="m">
<ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Store</a>
<div>
<ul>
<li><a href="#&#
浏览 0提问于2014-05-13得票数 0
我正在使用jQuery Tools的标签插件做一个垂直标签系统(标签垂直堆叠在左边，相关内容在右边)。
当您单击选项卡时，右侧的内容会发生变化。工作正常。
有没有办法使当前/活动选项卡始终位于列表中的第一个(或顶部)选项卡？
<div class="corpRespPod" id="notes">
<ul class="tabs">
<li><a href="#notes" title="Tab 1">Tab 1</a&g
浏览 2提问于2012-05-31得票数 1
我有一个导航菜单，它是一系列的<ul>列表，其中的第一个<li>是一个选项卡。我想让整个<li>而不是选项卡中的<a>标记成为可点击的。举个例子：
<ul id="home">
<li id="navtab">
<a id="home-link" onclick="doHome();">HOME</a>
</li>
</ul>
而且锚点是动态创建的，所以我需要保持这种结构。因此，我
浏览 0提问于2009-12-30得票数 2
回答已采纳
3回答
jQuery选择亲本
、、、、
这可能是一个重复的问题，但是我做了搜索，得到了很多不同的答案，我不知道该用哪一个，也不知道该如何做。
<?
if(isset($content))
{
$i = 1;
foreach($content as $item)
{
echo "<li><a href='#' name='" . $item['id'] . "'>" . $item['title'] . "</a></li>";
浏览 8提问于2011-05-11得票数 1
回答已采纳
我有两个标签，每个标签里面都有一些表格。我在每个选项卡中添加选择菜单，以及从jQuery UI中添加选择菜单。问题是第二个选项卡上的select菜单不会显示。我相信这与标签的加载方式有关，但我不太确定如何解决它。
这是html代码和一个小提琴
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI tabs</title>
<link rel="stylesheet"
浏览 1提问于2015-01-26得票数 0
回答已采纳
我正在尝试设置我的css菜单，以便其中一个文本链接触发datepicker日历打开。我已经剥离了所有的代码，只剩下下面的代码。我遇到的问题是下面的代码不工作，但当我删除ul，li标签时，它就开始工作了。
我使用的是1.8.0 JQuery和1.8.23 JQuery UI。
<!DOCTYPE html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></
浏览 2提问于2012-08-31得票数 2
回答已采纳
我有一些列表项，它们在我的UI中被视为选项卡。我在每个标签下面都有一个“下一步”按钮，最后一个标签有一个“完成”按钮。当我点击“下一步”按钮时，我需要移动到下一个选项卡。我正在做一个typescript版本为2.3.4的Angular2项目。所以我需要一些打字代码来点击按钮。在搜索时，我得到了一些jquery代码，比如来自的$('.nav-tabs > .active').next('li').find('a')。我在我的按钮点击(.ts文件)中尝试了一下，它工作了！但我不确定在我的项目中是否使用jquery。是否可以在其typescrip
浏览 0提问于2017-11-20得票数 0
我正在尝试使用jquery在一些HTML中查找一些元素，我想查找并隐藏包含标签文本'This is my test label‘和'Yest test label’的列表id
<ul id="mylist" class="top_level_list">
<li id="field66" class="myfield">
<div class="field_icons">
<div class="title">T
浏览 0提问于2013-06-06得票数 4
回答已采纳
2回答
我的MVC应用程序中有一个分页菜单PartialView，如下所示：
<% if (Model.TotalPages > 5)
{
int index = Model.PageIndex;
int minIndex = index - 2;
int maxIndex = index + 2;
if (index < 2)
{
minIndex = 0;
maxIndex = 4;
}
if
浏览 0提问于2009-05-05得票数 1
回答已采纳
我使用了典型的方法来使用jQuery UI创建标签，通过包装asp.net用户控件如下所示-
<div id="tabs">
<ul>
<li><a href="#tab1">Schools</a></li>
<li><a href="#tab2">Colleges</a></li>
</ul>
<div id="tab1">
浏览 1提问于2012-11-15得票数 0
回答已采纳
2回答
这是我的案例，我一直在为我工作的公司编写在线手册，最近我决定通过改变一些视觉元素来使它看起来更好看，所以我想，为什么不使用引导，所以我做到了。事情是这样的，我有一个树状视图，在这里我有手册的每个部分(标题)，而这些标题加载了一个HTML文件，在那里我有指向CSS文件的信息和链接。我过去常常将内容加载到Iframe中，但是对于我试图应用CSS处理的所有问题来说，这似乎是一个糟糕的想法，所以我决定使用DIV而不是Iframe。
下面是一个问题：
有没有办法通过每次点击标题将所有多个HTML文件加载到一个DIV中？
因为所有的标题都包含在一个"a“标签中，然后我会把它定位到Iframe中，但
浏览 2提问于2020-03-17得票数 2
1回答
我在NSTableView中使用的自定义NSCell类似于：
我希望显示文本与许多可点击的网址。
有没有人能把我往紧的方向扔？
我试着做一些类似的事情：
但是它改变了链接中的NSCell，我希望只将文本的一部分改变为链接。
谢谢你的帮助
浏览 1提问于2009-12-18得票数 0
4回答
我需要做一些(我认为)非常简单的事情，但是我没有jquery方面的知识，而且它不起作用:我想要在文本输入(#œ)中显示单选输入的值。
在我的文件中我有：
<div class="current">
<input id="selected" name="selected" type="text" placeholder="Value1" />
<ul id="test">
<li><label><input
浏览 1提问于2014-01-24得票数 2
我试图使用java从selenium的下拉列表中选择该项，但无法选择它。它的显示元素没有找到异常，并且在html中标签下拉是隐藏的。html代码是：
div style="width:49%">
<select id="menu_id" class="select-block" onchange="showSubmenu(this.value);" style="display: none;">
<option value="">Select Catego
浏览 0提问于2015-12-24得票数 2
8回答
<a>标签是用来创建超链接的，但是在这个jQuery和Ajax的时代，我们用它把<div>加载到与<a>标签相同的页面中。
也就是说，我们将href属性设置为href="#"，使用或者更确切地说是滥用#字符作为占位符，以及一些不受欢迎的副作用，比如href被附加了#字符。
如果您将href属性保留为空href = ""，则链接似乎不起作用。
有没有办法以一种更简洁的方式来做这件事，比如当用户将鼠标悬停在链接上时，在浏览器的状态栏中显示一些文本或虚拟函数，同时使链接按照程序员的预期执行？
这是我的代码。
<ul id=&#
浏览 0提问于2009-12-09得票数 52
回答已采纳
2回答
我正在尝试获取一组标题和列表，并分别包含它们，这样我就可以设置它们的样式。即：
<h2>Title 1</h2>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<h2>Title 2</h2>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item
浏览 0提问于2012-11-16得票数 2
回答已采纳
1回答
我正在尝试从这个站点实现滑块。
我使用了他们所说的程序，但我的代码仍然不起作用，你们能告诉我如何修复它吗？
我在提供我的小提琴密码
提供下面的代码
<ul class="bxslider">
<li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li>
<li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-
浏览 4提问于2012-12-19得票数 1
2回答
我用图像构建了项目--图像的src与路径相结合，而不是在服务器和图像名称中，在db中，.I需要将它们组合起来，但是在HTML中。
这是我的密码
<asp:ListView ID="ul_LeftMenu" runat="server" ClientIDMode="Static">
<ItemTemplate >
<li class="li-LeftMenu">
<img src="<%=Path %><%# Eval("Image") %&
浏览 0提问于2013-08-14得票数 1
回答已采纳
我有一个导航，在导航中的每个链接只是附加一个标签的现有网址时，点击，用于生活过滤等与jQuery的使用。
我想在页面下方的div中添加相同的当前标签到一系列链接。
例如，我点击了“工作”，我的URL现在看起来像这样：
http://www.domain.com/page.html#work
我在页面中有一系列链接：
<div id="links">
<ul>
<li><a href="http://www.domain.com/link1">Link1</a></li>
<li
浏览 3提问于2010-10-08得票数 2
回答已采纳
下面是我的一个页面中的一段HTML：
<li class="prodcat-line">
<a title="foobar" class="prodcat" href="/some/url.php">Foobar</a>
</li>
我希望能够检索到点击的li标签的url。我的"jQuery fu“不是它应该是的。我知道如何绑定"prodcat-line“类的li元素的click事件，但我不知道如何从单击的项中提取嵌套标记-有人能帮助我吗？
浏览 0提问于2011-04-11得票数 9
回答已采纳
1回答
如何设计多链选择按钮的样式。
、、、、
我们的项目由多个选择按钮组成。由于select和option标记本身的样式很困难，因此我们使用chosen.js来设置select和option标记的样式
<link rel="stylesheet" href="$url_link/css/user_css/chosen.css">
<script type="text/javascript" src="$url_link/plugins/chosen_v1.4.2/chosen.jquery.js"></script>
一旦可以设置选择按钮的
浏览 6提问于2015-07-01得票数 0
1回答
我想知道是否可以在指定位置动态创建选项卡面板？
目前，我的标签是通过加载一些json动态创建的。我的div结构是这样的：
<div id="tabs">
<ul id="tablist"></ul>
</div>
然后，它动态地填充结构，类似于下面的...
<div id="tabs">
<ul id="tablist">
<li><a href="#panel1">blah1</a></
浏览 0提问于2011-10-04得票数 1
回答已采纳
3回答
我有这个问题：
我想做一个带有标签的导航菜单，当我单击时，元素将保持选中状态。但同时，我希望每个示例都有一个名为index.php的页面，其中包含HEADER (菜单、徽标等)、FOOTER以及从其他页面(images.php、articles.php、about.php等)加载内容的ID DIV。
我试过用jQuery实现它，但它的内容显示了很多错误，因为这些内容依赖于一个数据库(MySQL)，所有的函数及其变量都在index.php中。
菜单：
<li><a href="index.php?pag=1&lang=<?php echo $lang;?&
浏览 1提问于2013-06-18得票数 0
3回答
我创建了一个页面布局和多个部分，并为这些部分添加了导航栏的链接，我有一个用于平滑滚动页面的jQuery。但是，如果我想链接到其他页面，它根本不能工作，而当我删除Jquery时，它工作得很好。
$(function(){
$(document).on('click', 'a', function(event){
event.preventDefault();
$('html, body').animate({
scrollTop: $( $.attr(this, 'h
浏览 0提问于2017-08-06得票数 0
2回答
我希望JavaScript/jQuery代码能够扫描整个页面，查找电子邮件并将它们存储在数组中。
我有一个电子邮件的正则表达式，我知道如何检查一个文本字段是否有有效的电子邮件，但我不知道如何扫描整个文档/页面(h1标签、h2标签、锚标签……)在找电子邮件。请帮帮忙
浏览 1提问于2014-04-10得票数 3
回答已采纳
2回答
我有一个菜单，包含两个指向1页的项目，我的问题是如何根据点击的位置突出显示顶级项目。
<nav>
<ul class="mainNavi" id="menu-main">
<li><a href="#">Home</a></li>
<li><a href="#">Funding Guidelines</a>
<ul class="sub-menu">
&l
浏览 0提问于2012-03-27得票数 0
我希望将"lorem ipsum“文本尽可能地扩展到右边。但是，当我在listview的右侧添加"Some“标签时，"lorem”文本不再像没有它那样向右断开。为了获得所需的格式，我如何重写CSS类？(我试图重写JQ移动CSS文件(.li li-.ui格式的标签，我相信)。有关带有标签和不带标签的示例，请参见jsfiddle链接。
<div data-role="content">
<ul data-role="listview" data-icon="false">
&l
浏览 1提问于2014-09-01得票数 0
回答已采纳
5回答
我想要做的就是一个接一个地展示我的文本，比如标签1，标签2，标签3……第一次在标签2之后、标签3之后显示标签1，依此类推...一个接一个。
我要做的代码是：
HTML：
<ul>
<li>tag 1</li>
<li>tag 2</li>
<li>tag 3</li>
<li>tag 4</li>
<li>tag 5</li>
</ul>
Jquery
$(document).ready(function(){
浏览 3提问于2013-07-28得票数 0
2回答
目前，我正试图在标签(单击a标记)之后立即在UL上使用jQuery添加和删除类，但由于某种原因无法使其工作。任何帮助都将不胜感激，谢谢。代码片段如下：
$(document).on("click", "a.navDropTrigger", function(){
var $this = $(this);
if ($this.hasClass("navDropHover")) {
$this.closest(".navDrop").removeClass("navDropHover")
浏览 4提问于2017-03-13得票数 1
回答已采纳
到目前为止这是我的密码。我希望我的网页有背景全屏图像，如果我点击图像，它将打开一个新标签的链接。
这是我的CSS
html,
body {
/*css for full size background image*/
background: url(../images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
浏览 2提问于2017-11-21得票数 0
回答已采纳
我在打开一个显示特定jquery选项卡的页面时遇到了问题，该选项卡通过ajax加载其内容。
问题是jquery-ui使用锚标签打开外部链接调用的标签，但是ajax内容标签锚没有这个标签。
有什么想法吗？
提前谢谢。
基本上与jquery-ui演示中的代码相同
我想要的是在我的主页上有一个链接，将打开这个已经显示tabX的其他页面
$(document).ready(function() {
$(function() {
$( "#tabs" ).tabs({
ajaxOptions: {
浏览 0提问于2011-09-30得票数 0
回答已采纳
1回答
给定此表单的HTML：
<div>
<a href="#">Generic Anchor</a>
<li> Some text </li>
<b> More stuff </b>
Just text.
</div>
在标签是随机的情况下，在jQuery (或Javascript)中有没有一种方法可以将它减少到只有文本，这意味着
<div>
Just text.
</div>
而不必指定要剥离的特定标记(我知道.text(
浏览 0提问于2013-07-05得票数 4
回答已采纳
如何使用javascript/jQuery找到从页面顶部到DOM中元素所在位置的垂直距离？
我有像这样的东西
<ul>
<li>one</li>
<li>one</li>
<li>one</li>
<li>one</li>
<li class="test">one</li>
....
....
....
<li>one</li>
</ul>
浏览 29提问于2011-10-15得票数 78
回答已采纳
1回答
我有这样的物品清单..。
<ol>
<li>
<span></span>
<img src="image.png" />
<p>Image Caption</p>
</li>
</ol>
我想要分类李的，而不是子元素，他们应该和他们的父母一起移动。
我用jQuery来做那个.
$('ol li').sortable({ 'cursor': 'move' });
浏览 0提问于2010-04-07得票数 0
回答已采纳
任何人都能告诉我为什么我的链接不是以我的形象为中心的？中心标签为我的形象工作，但没有链接，任何线索，为什么？这有点搞砸了我。
<!DOCTYPE html>
<html>
<head>
<title>PEllisFitness</title>
<link href="feel.css" rel="stylesheet" type="text/css" />
</head>
<body background=&
浏览 4提问于2016-10-09得票数 0
回答已采纳
4回答
从隐藏元素获取宽度大小
、、、
我有一个小问题，请帮我解决这个问题，找出我在这里遗漏了什么。
我的html代码是：
<div class="drop-down-menu">
<div class="innerdrop-down-menu">
<div id="first-tab-cont">
<ul id="slider">
<li>...</li>
<li>...</li>
<li>
浏览 0提问于2014-09-29得票数 1
我想得到一个带有特定文本的标签的索引。因此，如果我有10个链接，点击我作为文本，如果我点击第二个，我想有2个。
$(document).ready( function() {
$('a').click(function () {
if ($(this).text() != ""){
var index = $("a").text().index(this);
alert (index + 1);
}
});
});
HTML代码示例
<a href="
浏览 0提问于2012-07-23得票数 1
回答已采纳
3回答
我正在开发一个带有子菜单的导航栏。在页面加载时，栏被加载，而子菜单被隐藏。当您将鼠标悬停在链接上时，子菜单将在中显示动画。我在下面的jsfiddel中准备了所有代码：
正如您所看到的，它工作得相当好；但并不完美。这是一个小错误。你知道我该如何改进下面的jquery，让悬停效果更流畅、更有效吗？
下面是jquery：
$("#menu-nav ul:first").css({"opacity":"0"});
$("#menu-nav li").hover(function(){
$(this).find(
浏览 2提问于2011-04-22得票数 2
回答已采纳
好的，这是我的静态html菜单..
<ul id="nav">
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Holiday Packages</span></a></li>
浏览 2提问于2013-02-27得票数 0
这是我的jQuery：
jQuery( document ).ready( function ( $ ) {
$('ul li:first-child').addClass( 'first_item' );
var className = $('.first_item').attr('id');
alert('Date is:'+ className +'.');
});
然后这是jQuery的另一个部分，我试图在其中收缩一个变量：
j(".refreshMe"
浏览 0提问于2010-08-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
