在条件列表中集中条件后的下一个输入…在ul list jquery中

Question

我正在这个网站上寻找类似的回复，但我无法使我的代码正常工作。

做什么错了？

[[Requested]

我想关注alert();之后的下一个输入

我知道我需要使用next()函数，但是...由于某种原因，我无法使用它。

下面的工作代码

		  $(".insertWord input").on("input",function() {
							var matchWord=$(this).attr("title");
							
					if($(this).val()===matchWord ){ alert();
						$(this).closest('.insertWord input').next().focus();
						
					 
					
					}		
							
							
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>


<ul class='words'>
<li class='insertWord'><input title='abc' /></li>
<li class='insertWord'><input title='mnp' /></li>
</ul>

Answer 1

当您使用.insertWord input选择时，您太深了-选择了您刚刚使用的输入，但由于它在另一个父项下而找不到.next()

此外，一旦获得.find('input') .next()]，您就必须<li>选择输入字段>

$(".insertWord input").on("input", function() {
  var matchWord = $(this).attr("title");

  if ($(this).val() === matchWord) {
    alert();
    $(this).closest('.insertWord').next().find('input').focus();
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<ul class='words'>
  <li class='insertWord'>
    <input title='abc' />
  </li>
  <li class='insertWord'>
    <input title='mnp' />
  </li>
</ul>