我用以下jQuery脚本计算我的li元素:
HTML:
<ul class="relatedelements">
<li style="display:none;" class="1">anything</li>
<li style="display:none;" class="2">anything</li>
<li style="display:none;" class="3">anything</li>
</ul>
jQuery的:
$(function() {
var numrelated=$('.relatedelements > li').length;
$('.num-relatedelements').html(numrelated);
});
- >脚本返回:3
我用jQuery 更改了style="display: none"一些li元素的属性$(document).ready,如:$('.2').show();
我现在想以一种方式更改脚本,只使用以下脚本计算可见的li元素(我刚刚添加:jQuery docs后可见):
$(function() {
var numrelated=$('.relatedelements > li:visible').length;
$('.num-relatedelements').html(numrelated);
});
- >脚本返回:没有
我不知道为什么它没有成功 - 也许任何人都有任何提示或想法？任何帮助都是很有帮助的.先谢谢!
我想创建一个外部js文件,我可以在其中配置我的html文件中的几个元素的副本.我正在使用document.getElementById("id").innerHTML ="what ever"; 将我的副本"注入"或"添加"到具有特定id的html元素.
这很好,但是当我的html文件中有多个具有相同id的元素时,我的js文件中的html只被添加到第一个元素,但是我的js文件中的html应该被添加到所有元素中具有相同的ID
那是我的html结构:
<html>
<head>
<script src="copy.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div>
<strong id="back-button"></strong>
</div>
....
<div>
<strong id="back-button"></strong>
</div>
</body>
</html>
这是我的JS文件:
$(function() {
$(document).ready(function addcopy() {
/* global */
document.getElementById("back-button").innerHTML = "go back";
});
});
非常感谢任何帮助或提示.谢谢!
我想用jQuery通过数组重新排序li元素
我的列表代码如下所示:
<html>
<head>
<script src="list.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="list">
<ul class="xyz">
<li class="element1">content for 1</li>
<li class="element2">content for 2</li>
<li class="element3">content for 3</li>
</ul>
</div>
</body>
</html>
我现在想通过数组重新排序DOM元素.
我试过了,但我没有让它运行:
var array = ['element2', 'element1', 'element3'];
$.each(array,function(index,value){
$('.xyz').append($(value));
});