标题可能有点令人困惑,基本上我正在尝试编写一个脚本,它将从下拉表单中获取选定的值,如果它的类不包含下拉表单中的值,则隐藏 li's .. 如果那样说得通??每个 li 有多个类..
这是我到目前为止所得到的(对不起,如果它很粗糙):
形式:
<form action="" name="filter" id="filter" method="post">
<select name="bedrooms">
<option value="">- Select Bedrooms -</option>
<option value="bed-1">1</option>
<option value="bed-2">2</option>
<option value="bed-3">3</option>
<option value="bed-4">4</option>
<option value="bed-5">5</option>
</select>
<select name="bathrooms">
<option value="">- Select Bathrooms -</option>
<option value="bath-1">1</option>
<option value="bath-2">2</option>
<option value="bath-3">3</option>
<option value="bath-4">4</option>
<option value="bath-5">5</option>
</select>
<select name="frontage">
<option value="">- Select Frontage Size -</option>
<option value="frontage-100">100</option>
<option value="frontage-200">200</option>
<option value="frontage-300">300</option>
<option value="frontage-400">400</option>
<option value="frontage-500">500</option>
</select>
<input type="submit" name="filter-submit" id="filter-submit" value="Go" />
</form>
查询:
$("#filter-submit").click(function() {
var foo = [];
$("#filter :selected").each(function(i, value){
foo[i] = $(value).val();
});
if (foo) {
$.each(foo, function(index, value){
if (value) {
//hide other objects based on "value"
//$("#portfolio li").hasClass();
};
});
};
return false;
});
好的,所以我卡住的地方是如何隐藏所有没有作为“值”输出的类的“#portfolio li”。我以为我可以使用 hasClass 但不知道如何扭转它..如果这有意义吗?任何帮助,将不胜感激 :)