如何在jQuery中显示<li>？
在jQuery中显示<li>可以通过以下步骤实现：
- 首先，确保你已经引入了jQuery库文件，可以通过以下方式引入：
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>- 在HTML中创建一个
<ul>元素，用于包含<li>元素：
<ul id="myList"></ul>- 在JavaScript中使用jQuery选择器选中
<ul>元素，并使用.append()方法向其中添加<li>元素：
$("#myList").append("<li>列表项1</li>");
$("#myList").append("<li>列表项2</li>");
$("#myList").append("<li>列表项3</li>");- 如果你希望在
<li>元素中添加更多内容，可以使用.html()方法或.text()方法：
$("#myList").append("<li>列表项4 - <span>更多内容</span></li>");完整的示例代码如下：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
</head>
<body>
<ul id="myList"></ul>
<script>
$("#myList").append("<li>列表项1</li>");
$("#myList").append("<li>列表项2</li>");
$("#myList").append("<li>列表项3</li>");
$("#myList").append("<li>列表项4 - <span>更多内容</span></li>");
</script>
</body>
</html>这样，你就可以在jQuery中显示<li>元素了。请注意，以上代码仅为示例，你可以根据实际需求进行修改和扩展。
相关·内容
1回答
我目前正在尝试创建一个按钮，它允许我根据属性对选项进行分组。因为我不是jquery专家，所以我使用了现有的有效按钮" add -all“并开始修改它，以便只添加具有特定属性的选项。下面的代码是意图...
this.container.find(".remove-all").click(function() {
that._populateLists(that.element.find('option').removeAttr('selected'));
return false;
});
this.container.find(
浏览 0提问于2019-04-20得票数 1
1回答
在链接按钮顶部显示工具提示
、、、、
我使用这个jquery代码来显示母版页中链接按钮的工具提示。工具提示显示在链接按钮下面，问题是如果用户导航速度快，菜单就会消失。所以每次他们都得慢慢下来。
是否有任何方法在链接按钮顶部显示工具提示，这样用户就可以快速地向下导航，而不会使菜单项消失。
代码：
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery- ui.css" />
<script src="http://code.jquery.com/jquery-
浏览 4提问于2014-04-25得票数 0
回答已采纳
我试图在我的phonegap-jquery移动应用程序中集成paypal捐赠按钮，但该按钮不显示并且不起作用。有没有办法在我的应用程序中显示按钮或显示paypal的简单方法？
以下是应用程序代码-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="file:///C|/Program Files/Adobe/Adobe Dreamweave
浏览 1提问于2013-01-17得票数 0
1回答
我正在尝试使用jQuery选项卡浏览多个网页，如下所示
<div id="tabs">
<ul>
<li><a href="General.aspx">General</a></li>
<li><a href="Education.aspx">Education</a></li>
<li><a href="Employment.aspx"&
浏览 2提问于2015-04-17得票数 0
在下面的jQuery代码中，我想突出显示包含"z“的行。不知何故，$('*')不起作用。如果我把它修改成$('li')，它就会工作。
<ul>
<li>a b c</li>
<li>x y z</li>
</ul>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
(functi
浏览 4提问于2014-11-19得票数 0
回答已采纳
我有一个元素列表，如果总元素超过5时，我想要显示最大5个元素，并添加“显示更多”按钮。“显示/隐藏”部分已经完成，但是我不得不使用jquery自定义这个列表。
例如，这里列出的品牌共有13项。
<ul class="search-filter" id="attributeLevel1Facet">
<li>brand1</li>
<li>brand2</li>
<li>brand3</li>
<li>brand4</li>
&
浏览 2提问于2015-04-08得票数 0
回答已采纳
在jQuery文档就绪中，我们必须初始化将显示在页面上的jPlayer。
虽然AJAX调用成功后，它显示播放器，但它没有显示海报&视频，所以不能播放视频。
在AJAX响应之后，我们正在初始化jPlayer，但是页面不会重新加载，只有一个div会改变。
也许我必须管理没有AJAX的jPlayer。因为AJAX没有正常工作。
<html>
<head>
jQuery(function($){
function loadPlayer(){
$("#jquery_jplayer_1").jPlayer({
ready: funct
浏览 0提问于2012-06-16得票数 0
我正在为rails使用bootstrap。我将bootstrap.min和reg引导程序文件下载到我的rails应用程序中。我正在创建一个下拉菜单，但由于某种原因，我无法单击它并显示下拉菜单。
<nav class="navbar navbar-inverse navbar-static-top">
<div class="navbar-wrapper logo">
<div class="container">
<a class="navbar-
浏览 3提问于2015-02-16得票数 0
有人能告诉我为什么那个代码不起作用吗。
这是第一个jquery移动页面中的js代码：
function finish() {
var selectedRowsVal = [];
jQuery("input:checked").each(function(){
selectedRowsVal.push(jQuery(this).val());
});
if(selectedRowsVal.length === 0){
alert(111);
浏览 1提问于2012-01-09得票数 1
我有在jQuery中动态生成的ul-->li，而且每个li标记都有带有类".summary_block“和id的div。所有这些都是在运行时发生的。页面可以在li标签下有as div，具有类似的结构...
<div class="property">
<ul class="properties_Ul">
//record 1
<li class="property_detail">
<div class="summary_bloc
浏览 1提问于2013-06-18得票数 1
我使用jquery隐藏“隐藏项”类li元素，并希望在单击更多的标记链接后显示它们。jquery部分正在工作，但是显示了所有的列表项。我搜索了这个，并发现了关于‘这个’选择器。但我对如何使用它来显示与更多标记链接相近的项目感到困惑。
<div class="tag-box">
<ul class='gk-tags'>
<li><a href='/category/economic' class='gk-tag'>Economic</a></li>
&l
浏览 0提问于2018-09-16得票数 0
回答已采纳
我需要你的帮助,
我将如何使用jQuery在UL列表中的Nth LI上定位和应用禁用的道具？
例如，如果我选择UL中的第三个LI，并向它应用一个禁用的支柱：
<div id="menu1">
<ul>
<li>Apples</li>
<li>Oranges</li>
<li disabled>Pears</li>
<li>Bananas</li>
</ul&
浏览 4提问于2014-07-30得票数 3
回答已采纳
3回答
当我点击ul li中的链接时，我试图显示警报，但不知何故它不起作用。我的jquery无法选择我附加的链接。
我的HTML
<ul id="typeList"></ul>
我的JQUERY
$("a.type").on("click", function(){
alert("click");
});
$("<li><a href='#' class='type' type =" +r
浏览 1提问于2012-08-19得票数 0
回答已采纳
我正在尝试单独使用python来显示我的html文件。例如我将python code.py，我将能够在localhost:8080上访问我html
html文件是相互访问的静态文件。例如，index.html指向contact.html，并且它们都访问css文件夹。
我如何打开我的html文件，使其显示在网页上？
下面是我到目前为止所知道的。
html_file = []
with open("index.html", "r") as f:
for line in f.readlines():
html_file.append(line)
浏览 20提问于2020-05-09得票数 0
回答已采纳
1回答
我在我的网站上有过滤器。有类别，当您单击类别链接时，它会显示类别中的服务。我想为这些帖子添加动画，所以当我单击类别来为这些帖子添加动画时。我做了动画，所有我需要的是添加淡入服务类到每个帖子，当我点击他的类别，并在此之前删除如果该帖子有淡入服务类。
我有两个列表，一个是类别，另一个是帖子，看起来像这样
<ul class="subcats">
<li>
<a href="#">All</a>
</li>
<li>
<a href="#">Cat1</a
浏览 1提问于2015-08-02得票数 0
我有一个这样的div：
<div class="configurator-item">
<ul>
<li class="banner-list-img" data-price="122"></li>
</ul>
</div>
在这个div中，我使用jQuery添加了另一个div：
下面是jQuery：
jQuery('li.banner-list-img').prepend(jQuery('<div class=&
浏览 37提问于2020-05-14得票数 2
回答已采纳
7回答
请看下面的代码片段。
结构是
<ul>
<li>text1</li>
<li> <ul><li> text2 </li>
<li> text3 </li>
</ul>
</li>
</ul>
我有如下CSS：
li:hover
{
background-color: yellow;
}
它对第一个li很好，但是当我悬停在第二个项目(在子ul中)时，子列表中的所有项目都会被高亮显示
浏览 0提问于2015-03-23得票数 0
回答已采纳
4回答
在用户使用JQuery单击页面上的单独元素后，如何显示元素？
我已经创建了一个带有以下HTML的侧边菜单：
<li id="navicon">
<a href="" class="nav">
<img src ="/assets/navicon-round.svg/" />
</a>
</li>
<ul class="side-categories">
<li><a href=""&
浏览 5提问于2015-07-14得票数 7
我是Backbone.js的新手，刚刚开始学习它。我正在实现我现有网页的骨干。我已经创建了一个html div，它显示从xml文件中获取的内容。通常情况下，它工作正常，但是当我开始使用主干的模板和视图显示它时，它没有在我的page.Note上显示任何数据，这些数据已经编写了jQuery代码从xml文件中读取数据并以html div.So显示--请帮助我解决问题。到目前为止，我做了以下几件事：
这是我在“index.html”中的html：
<!-- start Cloud section-->
<center>
<section id=
浏览 2提问于2013-11-09得票数 0
回答已采纳
2回答
我试图将这个jquery插件包含在我的asp.net项目中：
然而，我总是得到一个未定义的TypeError:未定义不是函数错误。我希望这个插件出现在每一页上，所以我想我需要把它包含在我的_Layout文件中。我不知道我做错了什么。
所以我有：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"&g
浏览 4提问于2014-04-18得票数 1
回答已采纳
1回答
我在bootstrap中创建了一个大型菜单，我想以最干净、最简单的方法显示，4行(或更多)，但4行是很好的菜单项。
我在这里弄了个小提琴，
问题似乎在于，li是按照html读取的顺序在页面上呈现的。
有没有一种对列进行排序的方法，使得li的数字顺序垂直显示？
标记为jquery，因为我认为jquery可能是这里的救世主。
css是：
ul{ width:760px; margin-bottom:20px; overflow:hidden; border-top:1px solid #ccc; }
li{ line-height:1.5em; border-bott
浏览 0提问于2012-07-11得票数 0
回答已采纳
你能告诉我如何在jQuery中显示随机两个li吗？我试着这样做
$('#id_show12').click(function() {
var random1 = Math.floor(Math.random() * 7);
var random2 = Math.floor(Math.random() * 7);
$('.show12 li').not(':eq(' + random1 + '), :eq(' + random2 + ')').hide();
});
<script
浏览 0提问于2017-07-06得票数 1
2回答
我想用if语句将会话变量$_SESSION['LI']合并到jQuery中。所以if($_SESSION['LI'] == 'falsus')隐藏#feedback否则显示#feedback。
谢谢
<?php
session_start();
$_SESSION['LI'] = 'falsus';
?><html>
<head>
<title></title>
<script type="text/j
浏览 0提问于2011-04-10得票数 0
回答已采纳
3回答
将无序列表放入下拉菜单中
、、、
如果我在Wordpress上显示了这段代码，那么将其转换为跳转菜单的最简单方法是什么？
<ul class='toc-odd level-1'>
<li><a href="1">It's finally here</a></li>
<li><a href="2">Improvements</a></li>
<li><a href="3">Handling</a><
浏览 1提问于2012-02-14得票数 7
我使用jquery将选定的项目从列表转移到另一个列表。源列表HTML是
<ul id="source-list">
<li id="1">Accordion</li>
<li id="2">Autocomplete</li>
<li id="3">Tabs</li>
</ul>
这里是jquery
jQuery(document).ready(function($) {
$("#source-li
浏览 1提问于2014-06-04得票数 0
回答已采纳
我正在使用jQuery在我创建的菜单中产生一个手风琴效果。该菜单是选项卡式的，使用jQuery UI选项卡，根据他们的文档，我不能在一个元素上使用多个效果。因此，我使用了slideUp()和slideToggle()来创建效果，就像<a onclick="$('ul#categories li ul').slideUp();$(this).next().slideToggle()">Subjects</a>一样。
但是，我的列表中有另一个无序列表，它不会显示。我不想有太多的链接设置为激活滑块，因为这变得非常复杂，以维护我的CMS输出的链接
浏览 0提问于2011-08-29得票数 0
回答已采纳
4回答
我想选择a标签并在点击时显示它的文本。
换句话说，当我单击第一个链接"One“时，我想使用alert显示它的文本"One”。
当我单击第二个链接“示例”时，我希望使用alert显示文本“示例”。
<body>
<div id="tree">
<ul>
<li><a target="_blank" href="one.html">One</a></li>
<li class="fo
浏览 4提问于2012-06-06得票数 2
回答已采纳
1回答
在我的大项目中，我遇到了一个问题。代码太大了，无法在这里完整地发布，但是我已经在jsfiddle上创建了一个示例。
我有一个动态菜单和一个子菜单部分。
我想在悬停某些菜单项上显示特定的盒子容器。
问题是当悬停在菜单项上时，我无法访问box容器，因为它不在<li>元素中，因为它是动态加载的。
我的想法是创建功能，在悬停菜单项上显示盒容器，并检查菜单项的鼠标退出和盒容器的隐藏盒容器。
这将是我的问题的解决方案，我尝试了鼠标和鼠标保存，但没有工作。
$('.first-menu-item, .submenu').hover(function() {
$('
浏览 2提问于2017-06-21得票数 0
回答已采纳
1回答
我的侧栏可折叠菜单有问题。当用户单击菜单上的子链接时，页面将刷新并丢失所选子项链接和父链接项侧导航栏的突出显示，并重置it.what，我试图做的是对侧栏的可折叠子项进行人工维护状态，并在所有页面刷新时突出显示？
html
<link href="StyleSheet1.css" rel="stylesheet" />
<script src="Scripts/jquery-2.1.3.min.js"></script>
<script src="JavaScript1.js
浏览 1提问于2015-01-27得票数 0
回答已采纳
4回答
我正在操作ms ajax中的一些数据，并返回一个字符串，我使用jQuery.val()将其插入到文本框中。不幸的是，文本框也不能解释
或者\n，那么我如何让它渲染文本框中的文本，使其看起来仍然很漂亮？
Update (通过请求)：我使用类似如下的内容：
var sendEmailText = Hi, you found these items<ul><li>Car1</li><li>car2</li></ul><br><br/>Bye!
jQuery('.CssReceiverM
浏览 3提问于2009-05-31得票数 1
回答已采纳
我有一个Article对象的集合，这些对象具有一个公共属性int priority。此字段ist用于按预定顺序显示项目。不过，我希望能够重新安排在行政区域的文章顺序。
我包括了jQuery和这个Laravel/Blade片段
<ul class="selectable-demo-list" id="sortable-list-basic">
@FOREACH($articles as $article)
<li> {{ $article->label}} </li>
@ENDFOREACH
浏览 0提问于2018-04-22得票数 3
我尝试了许多建议的jquery代码，最终找到了一个几乎可以工作的代码。
但它有一个缺陷--点击链接后，链接会被取消高亮显示一秒钟(只要页面加载)，然后就会变成活动链接。在页面加载php/html之前，有没有可能在点击后立即突出显示链接？
能找到jquery或javascript的解决方案会很棒，因为它有动画的可能性？让网站/主页菜单动态化的常用方法是什么？
提前感谢！所有的解释或代码示例都会非常棒！
HTML：
<DOCTYPE! html>
<html>
<head>
<title>TESTLEHT</title>
浏览 0提问于2015-07-21得票数 1
将jquery formtowizard.js与ajax提交结合使用。我希望表单的最后一步显示已填写的所有表单域的摘要。我可以让它在孤立的测试用例中工作，但不是完全使用。表格
<form id="Commission" method="post" action="PHP/CommissionsSubmit.php">
<fieldset id="Initial">
<legend>Enter Your Information</legend>
浏览 1提问于2012-06-01得票数 2
回答已采纳
html结构：
<div id="tabswitch">
<ul>
<li class="tab1">Tab 1</li>
<li class="tab2">Tab 2</li>
<li class="tab3">Tab 3</li>
</ul>
<div class="tab-container tab1">
浏览 1提问于2011-07-14得票数 0
回答已采纳
在我的程序中，我有未排序的列表，它命令了lists.Requirement，就像单击ordereded列表元素时，子顺序列表应该打开：
下面是我编写的代码：
<html>
<head>
<title>The jQuery Example</title>
<script type="text/javascript" src="E:\development\JSPProject\jquery-2.1.4.js">
</script>
<
浏览 1提问于2015-07-31得票数 0
回答已采纳
1回答
我使用CSSLess和JQuery，并试图计算无序列表中LI元素的数量，这样我就可以将这个数字除以宽度。
ul.navBar {
li {
float: left;
width: (100% / `$(".navBar li").length()`);
}
}
输出应该并排显示为选项卡，就像标准的导航栏菜单一样。
有没有办法在没有JQuery的情况下写这篇文章？
浏览 2提问于2012-04-12得票数 1
回答已采纳
1回答
这是我正在做的网页：。我正在尝试为导航实现插件。我正在做小教程告诉我的所有事情:我将jQuery添加到我的HTML中，我将document.ready添加到head部分，将document.ready添加到head部分
但事情不起作用..。
这是我导航的HTML：
<nav id="mainNav">
<div class="container">
<div class="sixteen columns">
<ul>
<li><a href=
浏览 1提问于2013-09-01得票数 0
回答已采纳
0回答
$(function() {
$("input").hide();
$("li").on("click",function (){
$(this).hide(500);
var inp = $(this).find("input");
$(inp).show(500)
})
});
我希望它只显示输入字段，而不显示span标记中的文本
<!DOCTYPE html>
<html>
<head>
<title>Bookmarks</titl
浏览 20提问于2017-06-13得票数 0
回答已采纳
我有一个显示mysql查询结果的php页面。此结果显示在无序列表<li>中。我还有一个最初隐藏在每个<li>标记中的div，它应该在悬停时显示出来。我尝试过使用jquery来实现这一点：
$('#results li').mouseover(function() {
$('.theoption').show();
}).mouseleave(function() {$('.theoption').hide()});
这将显示隐藏的div。问题是它同时显示在所有<li>标签上。如何更改代码，使div仅显示
浏览 3提问于2011-11-01得票数 3
回答已采纳
2回答
我有一个从MySQL表和PHP填充到一些嵌套子级别的菜单。我的菜单是这样的：
一个
B
C
如果第一次单击A，它将显示所有子元素，再次单击A的子元素，它显示子元素也很好。
但问题是，当我在打开A的所有级别项后单击B，它会显示B子元素很好。但是，如果我单击A，它也会显示除子元素之外的所有元素。
我用jQuery来做这个。
所以我想要回到原来的状态？(只展开最上面的子元素，而不是子元素)，
怎么做？
//this is my jquery code for elements clickable in menu.
$(document).ready(function() {
$(".
浏览 2提问于2017-11-16得票数 1
回答已采纳
3回答
我想用在我的网站上显示天气，但这对我不起作用。有人能告诉我我做错了什么吗？页面是空白的。如果我(例如，在$.simpleWeather({.})行之前)；将$("#weather").html("test")放入，那么这个句子就能工作，但是它在$.simpleWeather({.})下不起作用；就像在示例中显示的那样。
这是我的html：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/
浏览 0提问于2014-02-24得票数 1
回答已采纳
1回答
在我的chrome扩展中实现jQueryUI有很多问题。我想在我的选项页面中实现一个可选择的。
我想让他们通过一个可选择的来选择。
可选：
我正在尝试实现一个可选择的基本版本-基本上就是他们的演示，然后我会围绕工作版本来构建我的网页，但我似乎无法让它工作。
manifest.json：
{
"manifest_version": 2,
"name": "WebCache",
"version": "2.0.0",
"description": "View a
浏览 1提问于2013-03-08得票数 2
2回答
我创建了一个网页，我应该使用jquery将选项卡放到我的页面中。我对它有一个问题，经过多次尝试解决，我失败了。标签应该链接到them.this中的其他页面，这是我遇到的问题。
标签只粘在我的主页上，而不是在每一页上。
首页是重复的，意思是有两页一页一页。
而不是使用id作为tb-1，tb-2。我把另一页链接到我的标签上，但它不起作用。
下面是我的部分代码：
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="utf-8
浏览 3提问于2014-12-04得票数 1
2回答
我的页面就像一个导航栏，下面我有页面内的标签，它们显示不同的内容，但我不能让它在加载时只显示其中的一个。
<div class="tabs">
<div class="row">
<div class="container">
<div class="col-sm-12">
<ul class="nav nav-pills nav-justified tab-links">
浏览 14提问于2017-08-21得票数 0
回答已采纳
1回答
我正在为一个带有缩略图的图片库编写一个jQuery函数。在网页的顶部有一个div，它将显示点击的缩略图的放大版本，以及标题和描述。
当缩略图被点击时，标题会像我预期的那样改变，但描述仍然是默认的(由HTML定义)。
缩略图在一个无序列表中，如下所示：
<ul class=thumblist id=thumblist>
<li><a title="thumb1" description="this is the first pic"></a></li>
<li><a title="
浏览 4提问于2012-12-14得票数 1
回答已采纳
我对jQuery非常陌生..。我想在我的javascript-文件中实现两行简短的jQuery代码，以对搜索后显示的项的边框进行样式化。但不起作用。我是否必须再次将jQuery库包含在js文件中，还是只在html文件中这样做一次就足够了？我可以在jQuery代码的中间使用JavaScript，而不需要在其他行中实现它吗？我该如何解决上面的问题呢？
function searchRecipe() {
var searchTerm = input.value.toUpperCase();
var ul = document.getElementById("recipe-list
浏览 3提问于2019-11-01得票数 0
回答已采纳
我在下面写了HTML代码
<ul class="dropdown-menu">
<li><button type="button" id="1" class="highlight"> Edit </button> </li>
<li><button type="button" id="2" class="highlight"> Edit </button> </li>
<
浏览 6提问于2022-11-14得票数 -1
我是jQuery的新手，还在学习如何编写脚本语言。我最近尝试在一个下拉菜单上工作，但我觉得我在代码中做错了什么，或者更重要的是，我觉得一个语言专家可以写比我少的代码行。你能帮帮我吗。我的代码看起来像这样：
HTML
<ul id="menu">
<li><a href="">HOME</a></li>
<li id="li_1"><a href="">PRODUCTS</a>
<ul id="
浏览 0提问于2013-04-30得票数 4
我正在使用li进行隐藏/显示JQuery。我的要求是，当我单击任何li时，它应该显示，但是隐藏文本‘显示所有列表项，但不要隐藏单击的项目’上的其他li items.When，其余的列表项应该在使用jquery的li下面。我是JQuery的新手，所以我没有太多的想法，接下来要做的是什么？
<!DOCTYPE html>
<html>
<style>
.list_style{
list-style-type:none;
}
</style>
<body>
<h4>An Unordered List:</h4>
&
浏览 0提问于2018-09-18得票数 3
回答已采纳
我正在尝试使用带有本地文件链接的jquery mobile，但它在我身上不能正常工作。当从finder打开页面时，我可以正常加载初始页面。在地址栏中，我看到了完整的文件路径
file://localhost/Users/me/[pathToMyApp]/www/index.html#/page1
但是，当我在chrome中按下刷新，或者只是简单地将页面url复制到另一个窗口中时，我得到了这个错误。
Error loading Ajax Page
我是不是遗漏了什么基本的步骤？
这是我的页面：
<head>
<meta http-equiv="
浏览 5提问于2013-01-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
