jquery - 以 $(this) 目标的选择器开始

标签 jquery jquery-selectors

我有一组基于数据库输出的表单字段。加载页面时,字段将填充数据库中的值。

基本上我想要做的是根据输入值控制 div 的 .show() .hide() 。如果它大于 0,则 div 应该显示。

每个输入都有一个“事件”类,因此我使用 Starts With Selector 来定位输入并处理 if() 语句,但是在此之后我在定位各个元素时遇到了问题。

            if ($('input[class^="event"]').val() > 0) {
                $(this).parent().show();
            }

如果我放置一个alert(),我的基本 ($('input[class^="event"]').val() > 0) 就会起作用;就它而言,但正如我所说,之后的元素定位对我来说不起作用。

编辑 - 根据要求,HTML

<div class="formbox Open sept25_morning"><input name="newsletter" value='#POPULATED_FROM_DB' class="event"/><strong>Good 'ol Hockey Game<br />
    9:00 am - 11:00 am</strong><br />&nbsp;</div>

<div class="formbox Open sept25_morning"><input name="newsletter" value='#POPULATED_FROM_DB' class="event"/><strong>Event #2<br />
    9:00 am - 11:00 am</strong><br />&nbsp;</div>  

最佳答案

这实际上取决于您运行 if 语句的上下文,如果它在页面加载时您可以尝试这样的操作:

$('input[class^="event"]').each(function() {
    if($(this).val() > 0) {
        $(this).parent().show();
    }
});

Example here

关于jquery - 以 $(this) 目标的选择器开始,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5719084/

相关文章:

javascript - 使用 mixitup.js 和 jQuery 隐藏选择列表中的选项

javascript - jQuery/javascript - 尝试将对象的函数作为参数传递给函数

jquery - 检测输入是否为隐藏类型

jquery选择器: reference class inside of where i clicked:

javascript - 在文本区域输入 1 个或更多字符之前,如何默认禁用提交按钮?

javascript - 根据其他选择框的值生成选择框的值

javascript - jQuery/Python - 禁用对话框

javascript - 启动/停止脚本以刷新页面

jquery - 工具提示仅适用于 href 的特定部分

javascript - 使用 querySelector 排除 id 包含特定字符串的元素