如果元素具有相同的html,则显示该元素,如果没有,则发出警告说“”;没有结果”;
Show element if has same html and if not make an alert saying "no results"
很抱歉标题太糟糕了,我对这些东西的措辞很糟糕。
我想我想做的很简单。
我有一组隐藏的字母组成一个单词。
下面是随机挑选的杂乱的字母。
当人们点击其中一个随机混乱的字母时,我会过滤掉隐藏的字母并显示相应的字母。
我需要做的是,如果有人点击了一封信,过滤掉隐藏的字母,要么返回"true"并显示这封信,要么返回一个"false/null"并发出警报();
这就是我目前的过滤方式。我很困惑把if语句放在哪里,或者这是否是我应该采取的方法。
这是一把小提琴(隐藏的单词是"印章")-http://jsfiddle.net/GA7WB/
var $buttons = $('#letters span'),
$hidden = $('.letter');
$buttons.click(function(){
_selected = $(this).html();
$hidden.filter(function() {
return $(this).text() == _selected;
}).show();
});
您只需要检查过滤器返回的结果的长度:
// get matched elements
var matches = $hidden.filter(function() {
return $(this).text() == _selected;
});
// show them, or alert if none
if (matches.length > 0) matches.show();
else alert("There are no " + _selected + "'s");
请参阅Fiddle
如果找到一个标志,请尝试设置:
var $buttons = $('#letters span'),
var $hidden = $('.letter');
$buttons.click(function(){
_selected = $(this).html();
var foundOne = false;
$hidden.filter(function() {
var retval = $(this).text() == _selected;
if (retval) foundOne = true;
return retval;
}).show();
if (!foundOne) {
alert("Nope");
}
});
小提琴http://jsfiddle.net/GA7WB/4/
相关文章:
- CKEditor Widget-阻止编辑可编辑元素本身
- 如何设置html元素填充的动画
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- React警告:ReactMount:根元素已从其原始容器中删除.新容器:[object HTMLDivElement]
- 在不使用jQuery sortable的情况下警告丢弃元素的顺序
- 如果元素具有相同的html,则显示该元素,如果没有,则发出警告说“”;没有结果”;
- Javascript:如何将焦点放在元素上,并显示警告消息
- 警告中心元素窗口(jQuery)
- 如何警告多组ul列表元素的目标id
- 如何显示带有被单击元素位置的警告?
- 当多个具有相同类名的元素添加了一个类时发出警告
- 当元素经过某个左边位置时显示警告
- 使用jsDraw2DX,绘制的元素不会出现,除非遇到警告
- 基于元素可见性显示/隐藏警告
- 我想计算所有表元素的和.ie.警告框应该显示21,而不是010203040506
- 我正在尝试使用JavaScript从HTML表单中警告元素,但没有得到任何东西
- 警告:点击时没有显示元素'
- 当鼠标悬停在元素上时显示警告
- 为什么元素没有在警告之前显示
- 在粘贴动作重力表单后向元素追加警告信息