当 keyup 输入时获取属性标签答案

【问题标题】：getting attribute a tag when keyup is on input it当 keyup 输入时获取属性标签
【发布时间】：2011-07-17 13:40:40
【问题描述】：

如何在'class="auto_box" -> tag b'中获取属性类，当.keyup（）在每个输入上时？

如果 keyup 在“.search hotel input”上，给我classe search hotel。
如果 keyup 在 '.guide_search input' 上，请给我类 guide_search。

html

<div class="auto_box">
    <b class="search_hotel">
    <span></span>    
    <div class="mediumCell"><input type="text" style="border: none; float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" name="search_hotel" placeholder="هتل" title="هتل" /></div>
    <ul class="list_autobox_hotel"></ul>
    </b>
</div>
<div class="auto_box">
    <b class="guide_search">
    <span></span>
    <div class="mediumCell"><input type="text" style="border: none; float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" name="guide_search" placeholder="راهنما" title="ارلاین"></div>
    <ul class="list_autobox_guide"></ul>
    </b>
</div>

js:

$('.auto_complete').keyup(function () {
        var specific = '.' + $('.auto_box b').attr('class');
});

这个js只获取属性类search_hotel，不获取属性类guide_search，什么时候keyup输入呢。

【问题讨论】：

$('.auto_box b') 搜索与此选择器匹配的所有元素。 .attr('class') 会给你这个集合的第一个元素的类。你必须使你的选择器relative 到具有焦点的输入字段。

标签： javascript attributes jquery attr

【解决方案1】：

我认为您正在寻找的是：

$('.auto_complete').keyup(function () {
        var specific = '.' + $(this).closest('div.auto_box').find('b').attr('class');
});

现在，您应该知道的一件事是，在<b> 中嵌套<div> 元素是无效标记； <b> 元素应该只包含内联内容，而不是像 <div> 或 <ul> 这样的块级元素。

【讨论】：

我想获取标签类 '.auto_box b' no .auto_complete.