我是一个 jQuery 初学者,所以如果质量不好请原谅我。
我想知道什么是index
函数中的意思以及它到底指的是什么。以前我认为它指的是索引号,如 0,1,2,3 等,但是当我通过 1,2 ,3 代替索引时,我的代码停止工作。我检查了这个的类型,它向我展示了number
数据类型。
现在让我看看我到底做错了什么,以及 jQuery 中索引和元素的概念,因为我在大多数地方都发现了这样的东西——
function(e){
}
我的工作代码——
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Example</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$( 'li' ).html(function( index, oldHtml ) {
//alert(typeof($(this).index()));
return oldHtml + '!!!'
});
});
</script>
</head>
<body>
<ul>
<li>This is List item 1</li>
<li>This is List item 2</li>
<li>This is List item 3</li>
<li>This is List item 4</li>
<li>This is List item 5</li>
</ul>
</body>
</html>
我的尝试——
$( 'li' ).html(function( 3, oldHtml ) {....
$( 'li' ).html(function( "3", oldHtml ) {....
$( 'li' ).eq(3).html(function( "3", oldHtml ) {......
The index
参数表示匹配集合中元素的索引。您不应该向它传递值。它是一个传递给匿名函数的参数,如果您需要的话,您可以在内部使用它来准确地知道在哪个元素上调用该匿名函数:
$( 'li' ).html(function( index, oldHtml ) {
return 'new html ' + index;
});
该索引从零开始,因此结果将是:
<li>new html 0</li>
<li>new html 1</li>
<li>new html 2</li>
<li>new html 3</li>
<li>new html 4</li>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)