У меня есть некоторое отделение на моей странице (сборка с php+jquery), и я хочу отфильтровать их согласно их атрибутам (если существует больше чем 1 фильтрация атрибута, чем это сузит поиск). Отделение похоже на это:
<div id="solicitacoes">
<div id='1' title='Mike' status='18' analista='23'>Whatever content 1</div>
<div id='2' title='John' status='16' analista='46'>Whatever content 2</div>
<div id='3' title='Tom' status='2' analista='49'>Whatever content 3</div>
<div id='4' title='Mike' status='4' analista='23'>Whatever content 4</div>
<div id='5' title='Kate' status='3' analista='32'>Whatever content 5</div>
<div id='6' title='Steve' status='1' analista='14'>Whatever content 6</div>
</div>
Затем у меня есть форма для фильтрации атрибутов отделения:
<div id="filtros">
<form id="filtroSolicitacoes" type="post" name="filtroSolicitacoes">
Protocolo: <input type="text" name="filtroProtocolo" id="filtroProtocolo" size="5"/>
Solicitante: <input type="text" name="filtroSolicitante" id="filtroSolicitante" size="10"/>
Status:
<select name="filtroStatus" id="filtroStatus">
<option value="0">-- Selecione Status--</option>
<option value="3">Aguardando Aprovação</option>
<option value="18">Encaminhado</option>
<option value="2">Iniciado</option>
<option value="1">Não Iniciado</option>
<option value="4">Pendente de Esclarecimento</option>
<option value="16">Reiniciado</option>
<option value="6">Reprovado</option>
</select>
Analista:
<select name="filtroAnalista" id="filtroAnalista">
<option value="23">Robert</option>
<option value="46">Allan</option>
<option value="49">Edward</option>
<option value="32">Jake</option>
<option value="14">Stella</option>
</select>
<button type="submit" id="filtrar" style="float:right; margin-right:10px">:: Filtrar ::</button>
</form>
</div>
Теперь, я уже сделал большую часть части JQuery, и фильтр работает--->, Но я хочу СУЗИТЬ поиск, если существует больше чем 1 атрибут фильтрации, для НЕ конкатенации его, и это - то, что происходит с моим ревом кода:
$("#filtroSolicitacoes").submit(function() {
$("#solicitacoes > div").show();
var filtroProtocolo = $("#filtroProtocolo").val();
var filtroSolicitante = $("#filtroSolicitante").val().toUpperCase();
var filtroStatus = $("#filtroStatus").val();
var filtroAnalista = $("#filtroAnalista").val();
var filtroResultado = $("#filtroResultado:checked").length;
var filtros = "[id=filtros]";
if(filtroStatus !== "0"){
filtros +=",[status='"+filtroStatus+"']";
}
if(filtroProtocolo !== ""){
filtros +=",[id='"+filtroProtocolo+"']";
}
if(filtroSolicitante !== ""){
filtros +=",[title*='"+filtroSolicitante+"']";
}
if(filtroAnalista !== "0"){
filtros +=",[analista='"+filtroAnalista+"']";
}
if(filtros !== "[id=filtros]"){
$("#solicitacoes > div:not("+filtros+")").hide();
}
return false;
});
Я попытался использовать "&&" вместо"", в
filtros +=",[analista='"+filtroAnalista+"']";
Но это не работало.
какие-либо идеи?
PS: Извините за мой плохой английский язык я бразилец :)
Вы должны использовать функцию фильтра ():
var filteredList = elements
.filter("[status=status1]")
.filter("[title*=something]");
// and so on
в вашем примере:
$("#filtroSolicitacoes").submit(function() {
$("#solicitacoes > div").show();
var filtroProtocolo = $("#filtroProtocolo").val();
var filtroSolicitante = $("#filtroSolicitante").val().toUpperCase();
var filtroStatus = $("#filtroStatus").val();
var filtroAnalista = $("#filtroAnalista").val();
var filtroResultado = $("#filtroResultado:checked").length;
var elements = $("[id=filtros]");
if(filtroStatus !== "0"){
elements = elements.filter("[status='"+filtroStatus+"']");
}
if(filtroProtocolo !== ""){
elements = elements.filter("[id='"+filtroProtocolo+"']");
}
// and so on
$("#solicitatcoes > div").not(elements).hide();
return false;
});
Просто убери запятые.
Так что вместо:
filtros +=",[status='"+filtroStatus+"']";
Используйте
filtros +="[status='"+filtroStatus+"']";
Вы хотите, чтобы ваш запрос выглядел следующим образом:
"[status=status][title*='whatever']"
Кроме того, то, как вы его вызываете, некорректно фильтрует. Вот как я бы изменил вашу функцию, чтобы она работала (Вы можете посмотреть рабочую демонстрацию вашего кода, и поиграть с ней. ):
$("#filtroSolicitacoes").submit(function() {
var filtroProtocolo = $("#filtroProtocolo").val();
var filtroSolicitante = $("#filtroSolicitante").val().toUpperCase();
var filtroStatus = $("#filtroStatus").val();
var filtroAnalista = $("#filtroAnalista").val();
var filtroResultado = $("#filtroResultado:checked").length;
var filtros = "";
if(filtroStatus !== "0"){
filtros +="[status='"+filtroStatus+"']";
}
if(filtroProtocolo !== ""){
filtros +="[id='"+filtroProtocolo+"']";
}
if(filtroSolicitante !== ""){
filtros +="[title*='"+filtroSolicitante+"']";
}
if(filtroAnalista !== "0"){
filtros +="[analista='"+filtroAnalista+"']";
}
if(filtros !== ""){
$("#solicitacoes > div").hide().filter(filtros).show();
} else {
$("#solicitacoes > div").show();
}
return false;
});