Javascript 在选择器中传递父div时无法jQuery列表项

Javascript 在选择器中传递父div时无法jQuery列表项,javascript,jquery,html,Javascript,Jquery,Html,我有一个div,它有一个ul和列表项 <div class="col-md-2"><input id="jackSerachBox" class="form-control input-md m-t-sm" type="text" placeholder="Search for Jacks.."></div> <div class="col-md-2"> <ul class="nav nav-pills nav-stacked" id

我有一个div,它有一个ul和列表项

<div class="col-md-2"><input id="jackSerachBox" class="form-control input-md m-t-sm" type="text" placeholder="Search for Jacks.."></div>
<div class="col-md-2">
    <ul class="nav nav-pills nav-stacked" id="jacksTab">
        <li role="presentation" class="active">
            <a data-toggle="tab" class="dd-handle">
                <input type="checkbox" id="JackcheckBox-3" name="selectedjacks" value="3">
                <label class="text-muted text-uppercase small">NEW40206  </label> <span><i class="fa fa-hdd-o text-info small"></i></span>
            </a>
        </li>
        <li role="presentation" class="">
            <a data-toggle="tab" class="dd-handle">
                <input type="checkbox" id="JackcheckBox-6" name="selectedjacks" value="6">
                <label class="text-muted text-uppercase small">NewJack12  </label> <span><i class="fa fa-hdd-o text-info small"></i></span>
            </a>
        </li>
        <li role="presentation" class="">
            <a data-toggle="tab" class="dd-handle">
                <input type="checkbox" id="JackcheckBox-4" name="selectedjacks" value="4">
                <label class="text-muted text-uppercase small">Jack12  </label> <span><i class="fa fa-hdd-o text-info small"></i></span>
            </a>
        </li>
    </ul>
</div>
但是没有定义。我确实问了这个问题,但这是根据上下文回答的。公平地说,他已经将此标记为答案,并没有对此进行后续跟踪


为了更准确,这次也一样。

只需在
中使用
。每个
都不使用参数:

如果您不想使用
,则需要将
.each()
参数编辑为
.each(u,e)
,因为回调中的第一个参数是元素的索引

$('jackerserachbox')。打开('keyup',函数(e){
$('#jacksTab li')。每个(函数(){
console.log($('a',this.html())
});
})

  • 新40206
  • 新杰克12
  • 杰克12

你想去读一读,每一个都是如何工作的。。。注意传递给回调函数的参数。@Andreas我添加了一些注释。
 $('#jackSerachBox').on('keyup', function (e) {
     var input, filter, ul, li, a, i;

     // filter = input.val().toUpperCase();
     li = $('#jacksTab li');
     li.each(function (e) {
         a = $('a', $(e)).eq(0);
         console.log(a.html())
         //test.html(a.html())
     })
 })