JQuery:找到父级和另一个子级

标签 jquery

我有以下标记:

<div style="width: 660px; border-bottom: 1px solid #3A3F46;">
            <div class="noplace_event_cont">
                <div style="float: left;">
                    <span class="title">Usual</span> 
                    <span class="desc">Free: <span class="free_place">19</span></span>
                </div>
                <div style="float: right;">
                    <div class="spinner_cont">
                        <input type="text" data-type="1" class="event_spinner" value="0" maxlength="1" style="width: 24px; margin-right: 16px; text-align: right;"><span class="ui-spinner ui-widget"><div class="ui-spinner-buttons" style="height: 41px; left: -16px; top: -13.0833px; width: 36px;"><div class="ui-spinner-up ui-spinner-button ui-state-default ui-corner-tr" style="width: 16px; height: 20.5px;"><span class="ui-icon ui-icon-triangle-1-n" style="margin-left: 16.5px; margin-top: 15px;">&nbsp;</span></div><div class="ui-spinner-down ui-spinner-button ui-state-default ui-corner-br" style="width: 16px; height: 20.5px;"><span class="ui-icon ui-icon-triangle-1-s" style="margin-left: 16.5px; margin-top: 15px;">&nbsp;</span></div></div></span>
                    </div>
                </div>

            </div>
            <div class="noplace_event_cont">
                <div style="float: left;">
                    <span class="title">VIP</span> 
                    <span class="desc">Free: <span class="free_place">6</span></span>
                </div>
                <div style="float: right;">
                    <div class="spinner_cont">
                        <input type="text" data-type="2" class="event_spinner" value="0" maxlength="1" style="width: 24px; margin-right: 16px; text-align: right;"><span class="ui-spinner ui-widget"><div class="ui-spinner-buttons" style="height: 41px; left: -16px; top: -13.0833px; width: 36px;"><div class="ui-spinner-up ui-spinner-button ui-state-default ui-corner-tr" style="width: 16px; height: 20.5px;"><span class="ui-icon ui-icon-triangle-1-n" style="margin-left: 16.5px; margin-top: 15px;">&nbsp;</span></div><div class="ui-spinner-down ui-spinner-button ui-state-default ui-corner-br" style="width: 16px; height: 20.5px;"><span class="ui-icon ui-icon-triangle-1-s" style="margin-left: 16.5px; margin-top: 15px;">&nbsp;</span></div></div></span>
                    </div>
                </div>

            </div>
    </div>

我想在 span 中使用 free_place 类查找文本:

$(".event_spinner").each(function () {
            var max = $(this).parent(".noplace_event_cont").find(".free_place").text();
            alert(max);
        });

但是,这段代码不起作用。 max 未定义。
谢谢。

最佳答案

I want to find text in span with free_place class:

$('span .free_place').text()

或者这个:

$('span.free_place').text()

很难理解你想要的输出是什么。

关于JQuery:找到父级和另一个子级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10597930/

相关文章:

javascript - 添加选中的单选按钮的总数

javascript - JavaScript 或 jQuery 中是否有 "copy to clipboard"函数?

javascript - 将 javascript 变量附加到 href 文件夹路径

javascript - PHP Ajax 自动完成多个字段

javascript - 如何在javascript中检查文本框值和选择框值?

jquery - 是否可以在页面加载时使用 Jquery 每 3 秒切换两个类?

javascript - Jquery 和 Prototype 冲突

javascript - Google 图表 API 和 jQuery

javascript - Barba.js (Pjax.js) 和 <head> 替换

jquery - 使用带有选择框的 jQuery 显示/隐藏 Div