$("#divTransactions .clsTransactionRow").each( function(_index, _value ) {
$(this).("#txtTransDate").text()
$(this).find("#txtTransDate").text()
$("#divTransactions .clsTransactionRow").each( function(_index, _value ) {
var varDate = $(this).find("#txtTransDate").text().toLowerCase().indexOf($("#txtTransDate").val().toLowerCase());
});
$("#divTransactions .clsTransactionRow").each( function(_index, _value ) {
var varDate = $(this).find(".txtTransDate").text().toLowerCase().indexOf($("#txtTransDate").val().toLowerCase());
});
<div id="divTransactions">
<div id="row56" class="clsTransactionRow">
<div class="txtTransDate">2012-12-24</div>
<div class="txtTransText">DB Payment</div>
<div class="txtTransStatus">Cleared</div>
</div>
<div id="row57" class="clsTransactionRow">
<div class="txtTransDate">2012-12-23</div>
<div class="txtTransText">CC Payment</div>
<div class="txtTransStatus">Held</div>
</div>
<div id="row58" class="clsTransactionRow">
<div class="txtTransDate">2012-12-22</div>
<div class="txtTransText">Standing Order</div>
<div class="txtTransStatus">Disputed</div>
</div>
<div>
function filterTransactions() {
$("#divTransactions .clsTransactionRow").each( function(_index, _value ) {
if (($(this).(".txtTransDate").text().toLowerCase().indexOf( $("#txtTransDate").val().toLowerCase()) <= 0 )||
($(this).(".txtTransTrans").text().toLowerCase().indexOf( $("#txtTransTrans").val().toLowerCase()) <= 0 )||
($(this).(".txtTransAmount").text().toLowerCase().indexOf( $("#txtTransAmount").val().toLowerCase()) <= 0 )) {
$(this).show();
} else {
$(this).hide();
}
});
}
<input id="txtTransDate" class="clsTransactionSearchTextBox" style="width:50px; font-size:10px;" />
<input id="txtTransTrans" class="clsTransactionSearchTextBox" style="width:400px; font-size:10px;" />
<input id="txtTransAmount" class="clsTransactionSearchTextBox" style="width:50px; font-size:10px;" />
$(document).ready(function () {
$('#txtTransDate').keyup(function() { filterTransactions(); });
$('#txtTransTrans').keyup(function() { filterTransactions(); });
$('#txtTransAmount').keyup(function() { filterTransactions(); });
});
<div id="divTransactions">
<div id="row56" class="clsTransactionRow">
<div class="txtTransDate">2012-12-24</div>
<div class="txtTransText">DB Payment</div>
<div class="txtTransStatus">Cleared</div>
</div>
<div id="row57" class="clsTransactionRow">
<div class="txtTransDate">2012-12-23</div>
<div class="txtTransText">CC Payment</div>
<div class="txtTransStatus">Held</div>
</div>
<div id="row58" class="clsTransactionRow">
<div class="txtTransDate">2012-12-22</div>
<div class="txtTransText">Standing Order</div>
<div class="txtTransStatus">Disputed</div>
</div>
<div>
$(this).(".txtTransDate").text().
function filterTransactions() {
$("#divTransactions .clsTransactionRow").hide();
$("#divTransactions .clsTransactionRow").each( function(_index, _value ) {
var t1 = ($(".txtTransDate", this).text().toLowerCase().indexOf( $("#txtTransDate").val().toLowerCase()) >= 0 ) && $("#txtTransDate").val()!="";
var t2 = ($(".txtTransTrans", this).text().toLowerCase().indexOf( $("#txtTransTrans").val().toLowerCase()) >= 0 ) && $("#txtTransTrans").val()!="";
var t3 = ($(".txtTransAmount", this).text().toLowerCase().indexOf( $("#txtTransAmount").val().toLowerCase()) >= 0 ) && $("#txtTransAmount").val()!="";
if (t1||t2||t3) $(this).show();
});
}
$(document).ready(function () {
$('#txtTransDate, #txtTransTrans, #txtTransAmount').keyup(filterTransactions);
});
forget my last comment, I was talking aboput the filters, you're already using # for the ID so it's fine,
the answer of your question is :
$(".txtTransDate", this)