Question

为了提高我的jquery技能，我正在开发一款在线填字游戏。

我将在适当的方格中插入一个id，例如d-1表示向下1或a-5表示5。我想使用jquery在用户输入字母后将焦点设置到下一个合适的方格;例如，如果他们输入foo，从右上角开始，单词FOO将显示在右栏中。

我花了很长时间才完成这项工作但没有成功。下面是一些id为硬编码的示例代码（虽然找到id的下一个可能与下一个id不同）

感谢您的帮助。

HTML

    <div class="live-cw-css-table-tr">
        <div class="live-cw-css-table-td" id="a-1"contenteditable></div>
        <div class="live-cw-css-table-td" id="a-1" contenteditable></div>
        <div class="live-cw-css-table-td contenteditable" id="d-1 a-1" contenteditable></div>

    </div>

    <div class="live-cw-css-table-tr">
        <div class="live-cw-css-table-td live-cw-css-nb"></div>
        <div class="live-cw-css-table-td   live-cw-css-nb" id="d-1" contenteditable></div>
        <div class="live-cw-css-table-td  " id="d-1" contenteditable></div>

    </div>


</div>

jquery的

$('.live-cw-css-table-td').on('input',function(e){
 if ($(this).text().length > 1) {    
     $(this).next().find('#d-1').focus();
  }
  });

将焦点设置为下一个ID

0 个答案: