为什么“：lt”在jquery中不起作用？

Question

我已经弄清楚最后一个p的索引，它不能使用$('p:lt(_index)') 。 当我用数字替换它时，它可以工作。 为什么？

 $(function() { var _index = $('p:last').index(); console.log(_index); $('p:lt(_index)').css('color', 'red'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div> <p>1</p> <p>12</p> <p>123</p> <p>1234</p> <p>12345</p> <p>123456</p> <p>1234567</p> <p>12345678</p> <p>123456789</p> </div> 

Answer 1

您使用字符串'_index'作为:lt()伪类的参数 ，而不使用变量的值。 该行：

$('p:lt(_index)').css('color','red');

应该：

$('p:lt(' + _index + ')').css('color','red');

 $(function() { var _index = $('p:last').index(); console.log(_index); $('p:lt(' + _index + ')').css('color', 'red'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div> <p>1</p> <p>12</p> <p>123</p> <p>1234</p> <p>12345</p> <p>123456</p> <p>1234567</p> <p>12345678</p> <p>123456789</p> </div>