标签: html-lists
单击删除按钮时从无序列表中删除特定列表项
我是学习 Javascript 的新手。我想删除无序列表中的特定列表项。每个项目都有一个删除按钮，我只是不知道我的按钮如何知道我在不使用索引的情况下选择了他们的项目。
let enterListBtn = document.getElementById("enter");
let input = document.getElementById("userinput");
let ul = document.querySelector("ul");
let togList = document.getElementsByTagName("li");
let deleteBtn = document.getElementById("delete");
function deleteItem() {
togList.parentNode.removeChild(togList);
}
deleteBtn.addEventListener("click", deleteItem);
超文本标记语言
<body>
<h1>Shopping List</h1>
<p id="first">Get it done today</p>
<input id="userinput" type="text" placeholder="enter items">
<button id="enter">Enter</button>
<ul>
<li>Notebook <button id="delete">Delete</button></li>
<li>Jello <button>Delete</button></li>
<li>Spinach <button>Delete</button></li>
<li>Rice <button>Delete</button></li>
<li>Birthday Cake <button>Delete</button></li>
<li>Candles <button>Delete</button></li>
</ul>
<script type="text/javascript" src="script.js"></script>
</body>
0
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
有什么方法可以在有序列表中设置列表类型的样式吗？
我正在使用有序列表
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>这导致
有什么方法可以只更改项目符号（A、B 和 C）的样式，使它们更轻更小，而使列表保持不变？
0
推荐指数
推荐指数
1
解决办法
解决办法
997
查看次数
查看次数
CSS水平菜单显示列表项目符号
我正在使用此代码:
#menu {
margin: 0;
padding: 0;
display: block;
overflow: auto;
}
#menu li {
margin: 1px;
padding: 0;
float: left;
}
#menu li a {
display: block;
padding: 2px;
padding-left : 15px;
padding-right: 15px;
font-family: "Tahoma";
font-size: 18px;
color: #8f8b20;
text-decoration : none;
}
#menu li a:hover {
background-color: #dad68c;
padding: 2px;
padding-left : 15px;
padding-right: 15px;
}
#menu li a:active {
color: #ffffff;
background-color: #dad68c;
padding: 2px;
padding-left : 15px;
padding-right: 15px;
}<ul id="menu">
<li><a href="#">Home</a></li>
<li><a …-1
推荐指数
推荐指数
1
解决办法
解决办法
3443
查看次数
查看次数
在 Javascript 中附加一次
我将如何将以下代码附加一次：
$('.faq_info').append(
'<ul>' +
'<li>Highlighted code for double html, body, and head tags means its invalid.</li>' +
'<li>Check highlighted iframe tags if it effects link placement.</li>' +
'<li>Highlighted charset means its not UTF8 or it is a bad charset.</li>' +
'<li>Highlighted symbols means that they are effecting the link.</li>' +
'<li>Check highlighted comments if it effects the link placement.</li>' +
'<li>If client url is highlighted it means something else in the source is causing it to be invalid.</li>' +
'<li>Check …-1
推荐指数
推荐指数
1
解决办法
解决办法
4222
查看次数
查看次数
将逗号分隔的字符串转换为列表
我有一个字符串,例如:
$string = "word1,word2,word3,word4";
我需要<li>使用PHP 将其回显为元素.所以$string就变成了:
<li>word1</li>
<li>word2</li>
<li>word3</li>
<li>word4</li>
-1
推荐指数
推荐指数
2
解决办法
解决办法
4108
查看次数
查看次数
用图像更改li里面的文字
我想改变里面的文字.但这个李有一个img.这里的html:
<div>
<ul>
<li><b><img src="../../../Images/folder1/image1.png">Text1</b><i>0</i></li>
<li><b><img src="../../../Images/folder1/image2.png">Text2</b><i>1</i></li>
<li><b><img src="../../../Images/folder1/image3.png">Text3</b><i>2</i></li>
<li><b><img src="../../../Images/folder1/image4.png">Text4</b><i>3</i></li>
<li><b><img src="../../../Images/folder1/image5.png">Text5</b><i>4</i></li>
</ul>
</div>
我在尝试这个:
$("li").each(function () {
$(this).text(sometext);
})
但它正在取代所有人,包括img.我只想更改文本:Text1,Text2,...
有任何想法吗？
谢谢!
-1
推荐指数
推荐指数
1
解决办法
解决办法
263
查看次数
查看次数
CSS Dropdown UL LI A
自从我使用CSS以来已经有一段时间了,只需要一些帮助.
我试图将主要'Home'栏的高度设置为屏幕的25%.虽然我认为它受某种对齐问题的影响.
Here's the link to the source code
http://codepen.io/anon/pen/ZbbNqO?editors=110
哇,谢谢有用的反馈家伙!我编辑了代码,我还有一些问题/错误和修复,你可以帮助.
任何想法为什么主菜单栏不是屏幕的宽度？(颜色仅用于识别目的)还有什么方法可以同时显示菜单栏1,2和3？
-1
推荐指数
推荐指数
1
解决办法
解决办法
72
查看次数
查看次数
jQuery - 计算活动列表项
可能重复:
使用jQuery计算元素
我有一个这样的列表项:
<ul id="scale">
<li class="floatleft active"></li>
<li class="floatleft active"></li>
<li class="floatleft"></li>
<li class="floatleft"></li>
<li class="floatleft"></li>
</ul>
那么现在发生的是通过jQuery我将其中几个列表项设置为活动状态.现在,我想要做的是在活动后将这些活动项目放在同一页面上.有没有办法做到这一点？
-2
推荐指数
推荐指数
1
解决办法
解决办法
3390
查看次数
查看次数
list-style-type:none不工作!摆脱子弹？
有人可以帮助我,并告诉我在我的网站上创建子弹是什么？
bit.ly/12QJQ0F
(看看表格)和社交媒体页面上也有.我想完全禁用所有这些 - 我在我的CSS中的几十个地方都有list-style-type none而且它们仍然弹出
谢谢!
-4
推荐指数
推荐指数
1
解决办法
解决办法
3513
查看次数
查看次数