Jquery 使用.next（）遍历列表项时出现问题

hi i显示框，带有ajax返回的结果，其中包含1到4个列表元素

按下向下箭头时，我正在为下一个列表项设置彩色边框。我尝试使用“.next（）”。当我按下向下箭头时，除第一个元素外的所有元素都会高亮显示 我做不到。帮帮我

$('.input_for_chain_and_target').keyup(function(){data_fr_chain_and_target(this.id);});
$('.input_for_chain_and_target').bind('keydown',controlling_with_nav_keys);



function controlling_with_nav_keys(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode==40){//alert('down');
    $('.target_frnd_content').next().css('border','2px dashed #6698FF');
}
else if(keycode==38){
    $('.target_frnd_content').prev().css('border','2px dashed #6698FF');
}

我试图粘贴它，但由于php代码对html进行了分类，它被扭曲了

这是大概的复印件

<li style='border:1px solid #F4F3F0;' class='target_frnd_content' id=\"$target_frnd_content_id\">

$usr\u img $usr_namex （附加信息）

---

请提供您的html代码，next（）应该明确选择下一个列表项。您是否使用它的类名（.target\frnd\u content）选择了正确的列表项

$('.target_frnd_content').next().css('border','2px dashed #6698FF');

应该是：

$('.target_frnd_content').next().css({'border':'2px dashed #6698FF'});

---

请记住，在添加任何样式时，必须将JSON对象传递给css（）方法。希望有帮助。

好的，我明白了。基本上，你是通过它的类名来选择项目的，类名是“target\u frnd\u content”，我相信你会给其余的项目赋予相同的类名，这就是为什么它会选择所有下一个项目，因为每个项目都有相同的类名。您必须唯一地标识每个列表项，可能需要为每个列表项添加一个id属性。您还可以执行以下操作：

<ul class="some_list">
  <li class="current">Item one</li>
  <li>Item two</li>
  <li>Item three</li>
</ul>

现在，您可以在css文件中为当前类设置任何样式，例如：

li.current{border: 2px dashed #6698FF;}

尝试：

---

你能包括一个HTML代码的副本和列表吗？我会使用Firebug并将输出的HTML代码复制到这里。您在上面发布的内容没有任何帮助。li项的类名是“target\u frnd\u content”，即使现在我也得到了相同的结果。请使用“hide”而不是.css进行检查。它适用于第一个元素以下的所有元素

li.current{border: 2px dashed #6698FF;}

$('.target_frnd_content').next().css({'border-width','2px', 'border-style': 'dashed', 'border-color': '#6698FF'});