Javascript 向每个列表项(LI)添加带括号的子体计数。跳过那些没有’;不要在里面有其他列表项
Javascript 向每个列表项(LI)添加带括号的子体计数。跳过那些没有’;不要在里面有其他列表项,javascript,html,Javascript,Html,函数f(){ var count=document.getElementById('t1').childElementCount; 警报(计数); 对于(变量i=0;i
函数f(){
var count=document.getElementById('t1').childElementCount;
警报(计数);
对于(变量i=0;i
- 关于动物
- 哺乳动物
- 母牛
- 驴子
- 狗
- 老虎
- 其他
- 蛇
- 鸟
- 蜥蜴
- 关于鱼
- 关于水族馆鱼类
- 孔雀鱼
- 斯卡拉雷
- 海鱼
- 海鳟
您需要用f(此)
使用此选项添加更改功能
function f(elmnt) {
alert(elmnt.getElementsByTagName("li").length);
}
var alladdnum=document.queryselectoral(“.addnum”);
对于(i=0;i
关于动物
哺乳动物
- 母牛
- 驴子
- 狗
- 老虎
- 其他
- 蛇
- 鸟
- 蜥蜴
关于鱼
关于水族馆鱼类
- 孔雀鱼
- 斯卡拉雷
海鱼
- 海鳟
试试这个-
<ul>
<li class="group" onclick="f(this)"> About Animals<span class="length"></span>
<ul id="t1" onclick="f(this)">
<li class="group item" onclick="f(this)">Mammals<span class="length"></span>
<ul id="t2" onclick="f(this)">
<li class="item">Cows</li>
<li class="item">Donkeys</li>
<li class="item">Dogs</li>
<li class="item">Tigers</li>
</ul>
</li>
<li class="group item" onclick="f(this)">Others<span class="length"></span>
<ul id="t3" onclick="f(this)">
<li class="item">Snakes</li>
<li class="item">Birds</li>
<li class="item">Lizards</li>
</ul>
</li>
</ul>
</li>
<li class="group item" onclick="f(this)">About Fish<span class="length"></span>
<ul id="t4" onclick="f(this)">
<li class="group item" onclick="f(this)">About Aquarium Fishes<span class="length"></span>
<ul id="t5" onclick="f(this)">
<li class="item">Guppy</li>
<li class="item">Scalare</li>
</ul>
</li>
<li class="group item" onclick="f(this)">Sea Fish<span class="length"></span>
<ul id="t6" onclick="f(this)">
<li class="item">Sea Trout</li>
</ul>
</li>
</ul>
</li>
</ul>
function f(element){
if(element && element.classList.contains("group")) {
var lengthElem = element.getElementsByClassName("length")[0];
var itemLength = element.getElementsByClassName("item").length;
lengthElem.textContent = "["+itemLength+"]";
}
}
关于动物
哺乳动物
奶牛
驴子
狗
老虎
其他
蛇
鸟类
蜥蜴
关于鱼
关于水族馆鱼类
孔雀鱼
Scalare
海鱼
海鳟鱼
函数f(元素){
if(element&&element.classList.contains(“组”)){
var lengthElem=element.getElementsByClassName(“长度”)[0];
var itemLength=element.getElementsByClassName(“item”).length;
lengthElem.textContent=“[”+itemLength+“]”;
}
}
我不明白我在这里看到的内容应该如何准确地生成输出以及在哪里生成输出。你能不能更精确一些,更清楚地显示出预期的产出,并逐一描述。例如,是否应将其打印到控制台?括号中的数字是什么意思?哪个部分应该被过滤等等。你可以看到动物[9]附近的显示模式正在显示,因为其中包含9个孩子,而哺乳动物有4个孩子,等等。@新手,你想把这些数字显示为HTML的一部分吗?@brk请现在再试,仍然不工作,单击海鱼它会提醒5,此外,它显示的值不是需要放在列表标题旁边的警告值,而是单击<代码>海鱼
时显示1,然后单击<代码>关于鱼
时显示5,因为它也单击了<代码>关于鱼<代码>海鱼位于关于鱼的下。但是我需要显示在列表标题旁边。我已经更新了代码。请查收。现在它显示在列表标题旁边。