如何在有条件的div中选择li？
在有条件的div中选择li，可以使用CSS选择器来实现。以下是一种常见的方法：
- 首先，给目标div添加一个唯一的id或者类名，以便于选择。
- 首先，给目标div添加一个唯一的id或者类名，以便于选择。
- 使用CSS选择器来选择目标div中的li元素。可以使用子选择器（>）或者后代选择器（空格）来选择。
- 子选择器（>）只会选择直接子元素。
- 子选择器（>）只会选择直接子元素。
- 后代选择器（空格）会选择所有后代元素，不论层级。
- 后代选择器（空格）会选择所有后代元素，不论层级。
- 在选择器中添加条件，可以使用伪类选择器来实现。例如，选择第一个li元素：
- 在选择器中添加条件，可以使用伪类选择器来实现。例如，选择第一个li元素：
综上所述，通过给目标div添加唯一的id或者类名，并使用CSS选择器来选择li元素，可以在有条件的div中选择li。
腾讯云相关产品和产品介绍链接地址：
相关·内容
如果这个无序列表中的项没有类或DIV指定，那么如何使用%this.innerHTML%符号来提取在基于事件的规则中单击的链接？
< div class="relatedCategories rowBottomSpace" >
< strong class="header black short">Related Categories</strong>
<ul>
<li>
<a href="/link1" rel="link 1"
浏览 2提问于2015-02-09得票数 0
回答已采纳
我有一个这样的列表：
<ul>
<li><div class="thumb"><img src="image-1.jpg"></div></li>
<li><div class="thumb"><img src="image-2.jpg"></div></li>
<li><div class="thumb selected"><im
浏览 0提问于2013-01-26得票数 0
回答已采纳
3回答
我现在有点卡住了。我正试图为我的第一个站点创建一个导航栏。
在html的正文中
<div id="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Gallery.html">Gallery</a></li>
<li><a href="Contact.html&
浏览 1提问于2014-06-14得票数 2
回答已采纳
我有json格式的产品，是获取并显示在前端。在我的products.json中，每个产品都有一个图像url，但只有一些产品有图像url，其他的都是空的。当我在react中循环数据时，我总是在react应用程序中得到错误，说无法读取标签中null的属性，我如何编写一个逻辑，只在有图像源时才渲染图像，否则只返回一个空div？ <ul>
{this.state.items.map((items, index) => {
return (
<li className="ProductList-pr
浏览 29提问于2021-01-09得票数 0
我写这段代码是为了在有人点击链接时加载DIV的内容。
现在，如果你点击一个链接两次，它就会删除内容。
代码如下：
$('a').click(function() {
var id = $(this).attr('class');
if(id == 'first')
{
$('.active').removeClass('active');
$('a.first').addClass('active');
}
else if(
浏览 2提问于2012-11-15得票数 0
回答已采纳
2回答
我如何插入我的导航到我的html文件，如下所示。(有点wordpress风格)
home.html：
<html>
<body>
(I dont know what to put here for nav)
<div main>
</div>
</body>
<html>
nav.html
<nav>
<img scr="logo.png">
<ul>
<li>home</li>
</ul>
</
浏览 6提问于2012-07-01得票数 2
1回答
**每件事都表现得很完美，但如何突出活动的一面却不使用任何第三方组件，我希望有人能在这方面帮助我。
谢谢**
<ul class="tabs">
<li [ngClass]=" {'active-tab': tab==1 }"><a (click)=" tab = 1 " href="javascript:void(0)">Tab 1</a></li>
<li [ngClass]=" {'active-tab': tab==
浏览 3提问于2019-10-06得票数 1
回答已采纳
{% set pages = craft.entries.section('interests').all() %}
{% nav page in pages %}
<div class="nav__column">
<li class="nav__parent">
{{ page.getLink() }}
{% ifchildren %}
<ul>
{% children %}
浏览 12提问于2019-09-10得票数 0
2回答
是否可以将样式应用于项，除非它包含类？以这个html为例：
<div class="nav">
<ul>
<li><span class="selected">Page 1</span></li>
<li><span>Page 2</span></li>
<li><span>Page 3</span></li>
<li&
浏览 2提问于2013-04-25得票数 0
回答已采纳
我有一个模式弹出窗口，对于不同的消息有不同的div，现在我想隐藏每个div并只显示我需要显示的一个。我想做一个循环，而不是写出每个div id并将其设置为hidden，所以我将div放在一个UL列表中。但是我似乎想不出如何只隐藏UL列表中的div。
$("#panels li").each(function (i) {
$('div').toggle();
});
<ul id="panels">
<li><div id="dvError" class=
浏览 4提问于2012-09-05得票数 3
回答已采纳
我现在有点抓狂了。
我试图根据传递给函数的URL参数筛选列表。
我试图解决的结果是，如果有人手动将URL参数更改为0，它将显示整个列表，而不是隐藏所有列表项。
<select id="hof-accomp">
<option value="0">Choose an Award</option>
<option value="1">Rookie of The Year</option>
<option value="2">MVP Award<
浏览 1提问于2017-10-26得票数 0
回答已采纳
代码如下：
<li class="abc">
<div class="abc">
<input type="checkbox">
</div>
<div class="xyz">
<div class="headline">Mongo like candy</div>
<div>
</li>
<li class="abc
浏览 0提问于2013-01-03得票数 2
回答已采纳
下面有一个父反应组件，它包括一个子组件，在该组件中，我将通过迭代响应数据来填充子组件的数量。
在呈现过程中，当我试图映射时，它会向我展示映射不是一个函数。
export default class Products extends Component {
state = {
allComics: []
};
render() {
return (
<section className=" py-4 py-lg-6">
<div className="site-content" id=
浏览 1提问于2020-09-07得票数 1
回答已采纳
2回答
设置数组的某些值的样式
、、、
我有一组名字，其中一些会被重复。这些名称随后被一分为二，然后输出到li中。我想要什么，但不能搞清楚的是，假设我想让Joeyc这个名字出现在所有打印了joeyc的.book上。我的代码如下所示：
<div id="book1" class="book">
<ul class="hardcover_front">
<li></li>
<li></li>
</ul>
<ul class=&#
浏览 0提问于2017-09-06得票数 1
如何才能得到div的数目，它在一个li元素中。
这是我的代码，但不起作用。(这并不意味着每个img都会得到这个类，当li中只有1div时也是如此。)
if($('.lookbook ul li').find('div').length > 1){
$('.lookbook ul li img').addClass('lbcursor');
}
以下是我的html结构：
<div class="lookbook>
<ul>
<li>
浏览 4提问于2013-09-26得票数 7
回答已采纳
<div class="nav-top">
<ul>
<li class="tab1"><a href="/">test</a></li>
<li class="tab2"><a href="#">test</a></li>
<li class="tab3"><a href="#">test</a></li>
浏览 0提问于2011-07-18得票数 17
回答已采纳
下面是我的html：
<div>
<li>
<a href="#">link</a>
</li>
<li>
<a href="#">link 2</a>
</li>
<li>
<a href="#">link 3</a>
</li>
</div>
这段jQuery代码运行良好：
$("div li").each(fun
浏览 0提问于2013-02-19得票数 0
回答已采纳
我正在用ReactJS设计我的网站，我有一个问题。该网站的桌面版本运行完美！然而，移动版本有一个问题:我的输入域声称没有值！我将发布下面的代码，但基本上桌面版本在顶部的工具栏中有电子邮件注册(这是它工作的地方)，而移动版本在侧抽屉中，我的链接在那里(在这里不起作用)。
App.js
addEmailSub = () => {
var email = document.getElementById("email").value;
mailerlite.addSubscriber(104625980, email).then(() => {
浏览 8提问于2021-02-28得票数 0
回答已采纳
我已经遵循了这里的设置过程，和我的Django应用程序正在运行，但是每当我转debug = False时，它就不会加载我的静态文件。
下面是我的nginx配置：
server {
listen 80;
server_name server_domain_or_IP;
location = /favicon.ico { access_log off; log_not_found off; }
location /static/ {
root /home/sammy/myprojectdir;
}
location / {
浏览 7提问于2022-09-18得票数 1
我使用jquerymobile，现在我想用json把li放到一个ul listview中。
我必须遵循代码：
<script type="text/javascript">
$(function() {
$(document).ready(function(){
$.getJSON("url",function(data) {
$.each(data.posts, function(i,data){
$('#output').children('
浏览 0提问于2012-09-17得票数 1
回答已采纳
我正试图从维基百科的网页("")中获得一张歌曲标题列表。
这是我目前正在尝试的代码
//Get page source and parse it
string pageSource = PageSource.Get(url);// own method
HtmlParser parser = new HtmlParser();
var doc = parser.Parse(pageSource);
//Get div tag with class="mw-category"
var div_mw_content_ltr = doc.All.Where(tag
浏览 0提问于2018-04-09得票数 3
回答已采纳
我有一个作为li的列表项，其唯一的id是，如果单击了一个特定的li项，我要实现的是切换一个特定的div，当列表中存在“li”元素时，如何使其成为可能。这是我的代码片段。在我的例子中，只要单击任何li元素，它就会切换一个div，而不是只单击特定的li元素。
<div class="nav-bar">
<ul id="head-top-menu">
<li> <a id="commercial" class="navmenu" data-item="#commercial&
浏览 6提问于2017-02-07得票数 0
2回答
因此，我有一个独特的网站，在那里我有一个画廊，用户可以点击图片，然后看到更多的照片，他们所点击的，规格，和一个小的信息简介。然而，我在我的11英寸笔记本电脑上编码，但是当我在我的1440 p屏幕上查看它时，它看起来很糟糕，所以我用媒体查询修复了它，但我不确定这是否是让它在所有屏幕尺寸上看起来正确的最佳方法。我以前使用过媒体查询，让网站在手机上看起来很好看，这很费时，但这不是问题，我更乐意这样做，但我想我会检查一下，以确保这是最好的方式。
所以我的网站是，其他一些页面在不同的屏幕上没有很好的“响应”，但是我关心的主要页面是，然后当你点击第一个页面时，它会带你到，它在不同的屏幕上看起来不太好。幸运
浏览 4提问于2014-08-19得票数 0
回答已采纳
如何将多个值存储到单个变量中，并将它们检索到setTimeout函数中。
$(document).ready (function (){
div ({'div':'#noo','auto':'true','pos':'top','txt':'hello'});
div ({'div':'#bottom','auto':'true','pos':'bottom'
浏览 1提问于2013-11-11得票数 0
4回答
IE 6中的浮雕
、、
我正在使用简单的<ul><li></li><ul>系统构建一个导航，并将它们浮动到左侧，这样它们就会显示为内联。下面的代码适用于，除IE6之外的所有浏览器。
HTML
<div id="sandbox_container">
<div id="sandbox_modalbox">
<div>
<ul id="sandbox_modalbox_nav">
<li id=
浏览 7提问于2009-07-11得票数 2
回答已采纳
好的，我有这个div，它包含一个ul：
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(functi
浏览 2提问于2012-04-25得票数 1
回答已采纳
3回答
IE浏览器检查的条件语句
、、、
在IE7中，我有以下代码来显示特定的UL。那么，如何将其他UL样式应用于除IE7之外的所有浏览器？例如chrome、firefox和IE8 - IE10
<!--[if IE 7]>
<ul class="toggle" style="margin-right:30px; list-style:none">
@if (Model.CourseSections != null)
{
foreach (var sectionItem in Model.Course
浏览 2提问于2013-10-30得票数 0
回答已采纳
1回答
如何在有人填写注册表后以此样式制作自动生成的页面：
<div class="data">
<h1>Name of the User</h1>
<h3>Age of the user</h3>
<h4><a href="http://letstalk.nl.ae">www.letstalk.nl.ae</a></h4>
浏览 4提问于2013-02-12得票数 0
回答已采纳
1回答
我的代码只从网页正文返回文本。我试图从本页正文中删除class="menu"项中的文本：
<div id="pre-header-links-inner" class="header-links"><ul id="menu-top-bar" class="menu"><li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22&#
浏览 5提问于2017-09-15得票数 0
我在Chrome中有一个问题，一个空内容可编辑的div在有序列表中造成了不想要的行距。在Internet中查看的以下HTML按预期工作，但在Chrome中查看时，可编辑的div在为空时会移动到数字以下。
<body>
<ol>
<li>
<div contenteditable="true"></div>
</li>
</ol>
</body>
下面的图像显示，一旦文本被输入到可编辑的div中，内容就会显示在预期的位置，但是当文本为空时，内容会向下
浏览 5提问于2014-07-30得票数 2
回答已采纳
1回答
我想在有序列表上使用反增量。我希望每个ol在前面的计数中继续进行。
当我在ols周围没有单独的包装div时，它可以工作。注意，它适用于第二个ol，它位于相同的包装div中，但它停止了对下两个ol的工作，后者有一个单独的包装div：
<div class="wrapper">
<ol class="split start">
<li>Lorem</li>
<li>Ipsum</li>
<li>Dolor</li>
浏览 4提问于2015-04-25得票数 2
回答已采纳
我正在尝试通过selenium python自动从网页中的元素列表中选择特定的元素。那就是在网页的第一页，我从5个显示的项目中选择一个列表项目，稍后我需要在网站的下一个页面中取消选择它们，在那里所有的五个数字都列出了。如何选择我在网页首页中选择特定元素？
第一个页面列表项的超文本标记语言代码如下所示的->
<li class="ng-scope" ng-repeat="line in accountLines">
<label class="list-item inline-group">
<div class
浏览 5提问于2016-08-15得票数 0
回答已采纳
我有一个基本的菜单结构在我的博客使用下面的代码。我已经尝试了每一个片段，也做了一些类似的主题，但没有任何效果。我所要做的就是根据url将活动类添加到我的导航菜单中。因此，网站上的访问者或用户知道他在哪个页面或网站的一部分。那么，是否有人能简单地解释一下在哪里以及如何添加javascript来做到这一点呢？
菜单结构
<div id="navigation">
<div class="backer" style="position: relative;">
<div class="header-inner-wr
浏览 0提问于2016-11-12得票数 0
回答已采纳
1回答
我正在做一个小的个人项目，我有一个小问题，我不知道如何解决。我使用Bootstrap4、ejs templating engine和express.My项目有一个Navbar，如果用户未登录，则在中显示签名，而Account则相反。
这里是纳瓦尔巴岛的相关部分：
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto ">
<li class="nav-item
浏览 2提问于2019-10-14得票数 0
回答已采纳
2回答
我现在有我的列表，从左到右阅读，而不是逐行阅读，但现在，我如何空间的词，因为它们太近在一起？我试着在课文之间留出空间，试着做字间距，但这不会改变任何事情。我试着在#菜单id和li{}中做字间距，但是它仍然没有工作。
<body>
<div id="container">
<div id="nav"></div>
<img src="...">
<h1>IndieForwardMusic</h1>
浏览 2提问于2017-10-14得票数 2
回答已采纳
1回答
我在使用下面的css时遇到了一个问题。
#keyboard li:active {
color:red;
}
html块：
<ul id="keyboard">
<li id="a" class="letter">a</li>
<li id="aA" class="letter">aA</li>
<li id="ai" class="lette
浏览 4提问于2016-05-17得票数 1
2回答
我有一个无序的列表叫做test
<ul id='test'></ul>
它通过ajax动态填充数据。每一项“li”都是包含“p”段落的div。每一段都包含一些信息。
例如：
<li> <div> <p> test </p> </div> </li>
<li> <div> <p> hi how is it going?</p> </div> </li>
<li> <div> <p>
浏览 4提问于2013-09-23得票数 2
回答已采纳
除单击的面板外，我希望关闭侧栏中的所有折叠面板。我正试图通过ng引导崩溃面板来实现这种行为。
示例代码：
<ul class="sidebar">
<li class="nav-item">
<a class="nav-link" (click)="isCollapsed = !isCollapsed" [attr.aria-expanded]="!isCollapsed" aria-controls="collapse_1">Collap
浏览 1提问于2018-10-15得票数 0
回答已采纳
1回答
我正在尝试编写这个while循环，它会自动按下第一页上的next按钮，但之后会遵守我在while: else: part中设置的条件。我如何在没有条件的情况下自动执行第一次单击，因为现在它会通过遵循else:条件自动关闭。
有关更多内容，my_url是运动鞋网站的首页。
#Once done scraping page, clicks next page button until it returns to page 1
def next_page(self, driver):
next_button = driver.find_element_by_xpath(
浏览 4提问于2020-05-11得票数 1
3回答
我有两个容器在顶部和底部，
顶部容器，最初它将没有记录，我正在添加从底部容器到顶部容器的文本列表，按一下按钮，直到现在它的工作正常，
但是，在我的场景中，现在有一个小的改变--多个记录正在添加到我的顶部容器中--我只想在顶部容器中不出现多个/相同的列表记录
例如，如果我下一次在顶部容器中放置了一条记录，即使我单击“添加”按钮，也不应该将相同的列表记录添加到顶部容器中，在添加列表记录之后，应该禁用任何一个按钮，或者在顶部容器中不应该允许重复记录。
谁来帮我实现这一点谢谢！
html
<div>
<ol id="sortable">
</ol&g
浏览 3提问于2015-10-20得票数 1
回答已采纳
在下面的代码中，当用户单击"click me“div时，一个新的列表项被”克隆“，它的工作方式与我所期望的一样。
<div class="button">Click me</div>
<div class="template">
<li>oink</li>
</div>
<ul>
</ul>
JavaScript
$(".button").on("clic
浏览 2提问于2015-04-30得票数 0
回答已采纳
2回答
希望能有个快速答案。我有下面这两个列表项。royalHtmlContent的字体颜色是灰色的，但如果它在royalSlide列表项中有royalImage，我需要字体颜色为白色。
<li class="royalSlide" style="height: 420px; width: 610px; ">
<div class="royalHtmlContent">Text</div>
</li>
<li class="royalSlide" style="height:
浏览 2提问于2012-10-26得票数 0
回答已采纳
1回答
我很难决定这两种渲染模式的区别。希望有人能对这件事有所了解。
模式1: React的条件呈现
class List extends React.Component {
state = {
menu: false,
}
handleMouseOver = () => {
this.setState({
menu: true
});
}
handleMouseLeave = () => {
this.setState({
menu: false
});
}
render() {
con
浏览 1提问于2017-03-29得票数 15
回答已采纳
2回答
根据单选按钮更新所选内容
、、、
我开始学习安古拉杰。我正在学习w3schools教程，我需要尝试一些东西。
这里我想根据我检查过的单选按钮列出下拉列表。(当我选择名字时，我只需要下拉列表中的名字，当我选择城市时，我只需要下拉列表中的城市等等)。
<body ng-app="myApp" ng-controller="myController">
<div>
<input type="radio" ng-model="selection" value="Name">Name
浏览 3提问于2017-01-25得票数 0
回答已采纳
我现在有这行代码
<div id="news-articles">
<ul class="display-posts-listing">
<li class="listing-item">
<span></span>
<span class="category-display"></span>
<span></span>
<span></spa
浏览 0提问于2017-08-11得票数 0
回答已采纳
我有这样一组代码：
<ul class="open-menu">
<span>
<li data-testid="menu-item" class="menu-item option">
<svg>...</svg>
<div>
<strong>Text Here</strong>
<small>...</small>
</div>
浏览 4提问于2022-01-21得票数 1
回答已采纳
2回答
我现在有这个代码：
<ul><li class="listitem">text<li></ul>
jQuery：
$('.listitem').click(function() {
$("#elname").text($(this).text());
$('#slists').css('visibility','hidden')
$('#elname').css('visibility','
浏览 0提问于2010-05-09得票数 3
回答已采纳
2回答
我想将当前的新闻文章标题添加到我的面包屑导航中。以下是我的产出：
URL：
默认(德语)
index.phpid=19&
L=0&
tx_news_pi1%5Bnews%5D=1&
tx_news_pi1%5Bcontroller%5D=News&
tx_news_pi1%5Baction%5D=detail&
cHash=b182adf919054989c8d640e1da19f0a2
英语
index.php?id=19&
tx_news_pi1%5Bnews%5D=1&
tx_news_pi1%5Bcontroller%5
浏览 0提问于2018-03-22得票数 0
回答已采纳
1回答
我有以下引导下拉菜单：
<div class="form-group">
<label for="name" class="col-md-3 control-label">Pens</label>
<div class="col-md-9">
<div class="btn-group btn-input">
<button id="pensList" type="bu
浏览 1提问于2014-06-01得票数 1
回答已采纳
我的HTML信封将我的中继器转换封装在一个表标记中。在不使用JS的情况下，如何确保此HTML对于所选转换不可见。我不反对为所选的转换数据创建一个模板，只是不确定如何这样做。
这是我的转变：
<tr>
<td><%# FormatDate(Eval("Date")) %></td>
<td><a href="<%# GetDocumentUrl() %>"><%# Eval("Subject") %></a></td>
浏览 5提问于2016-02-16得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
