Javascript 在选择器中传递父div时无法jQuery列表项
我有一个div,它有一个ul和列表项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 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())
})
})