我有一组基于数据库输出的表单字段。加载页面时,字段将填充数据库中的值。
基本上我想要做的是根据输入值控制 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 /> </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 /> </div>
最佳答案
这实际上取决于您运行 if 语句的上下文,如果它在页面加载时您可以尝试这样的操作:
$('input[class^="event"]').each(function() {
if($(this).val() > 0) {
$(this).parent().show();
}
});
关于jquery - 以 $(this) 目标的选择器开始,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5719084/