GetByTagAndGetByFilter

Benchmark created by Venu on

Preparation HTML

<div data-role="page" data-instance="1" data-field-type="location" id="L1S2">
                        <div data-role="header">
                                <h1>PaymentSense Application</h1>
                                <div data-role="navbar">
                                        <ul>
                                                <li><a href="#locations" data-rel="dialog" class="ui-btn-active ui-state-persist locationsTab">Locations</a></li>
                                                <li><a href="#principals" data-rel="dialog">Principals</a></li>
                                                <li><a href="#company1">Legal Details</a></li>
                                        </ul>
                                </div>
                        </div>
                        <!-- /header -->
                        <div data-role="content">
                                <h2>Location 1&nbsp;<span class="l1tradingName"></span></h2>
                                <div data-role="navbar">
                                        <ul>
                                                <li><a href="#L1S1" class="locationsubtab">Rates</a></li>
                                                <li><a href="" class="ui-btn-active ui-state-persist locationsubtab">Profile</a></li>
                                                <li><a href="#L1S3" class="locationsubtab">Deposits</a></li>
                                                <li><a href="#L1S4" class="locationsubtab">Products</a></li>
                                                <li><a href="#L1S5" class="locationsubtab">Business Details</a></li>
                                        </ul>
                                </div>
                                <div data-role="fieldcontain" data-field-type="PreviousAcquirer" class="switcher" data-serialize-type="int">
                                        <label for="chkL1PreviousAcquirer" class="ui-select">
                                                Current Provider:</label>
                                        <select id="sldL1PreviousAcquirer" name="PreviousAcquirer1" class="profile ignore">
                                        </select>
                                </div>
                                <div data-role="fieldcontain" data-field-type="YearsWithAcquirer" class="switcher" data-serialize-type="int">
                                        <label for="sldL1YearsWithAcquirer" class="ui-select">
                                                Years with Current Provider:</label>
                                        <select id="sldL1YearsWithAcquirer" name="YearsWithAcquirer1" class="profile ignore">
                                                <option value="-1">Please select</option>
                                                <option value="0">0</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                                <option value="10">10+</option>
                                        </select>
                                </div>
                                <div data-role="fieldcontain">
                                        <label for="tbL1MonthlyCardTO">
                                                Monthly Card Turnover:</label>
                                        <input type="number" min="585" id="tbL1MonthlyCardTO" name="MonthlyCardTO1" value=""
                                                placeholder="E.g. 5000" data-field-type="MonthlyCardTO" class="profile" data-serialize-type="int" />
                                </div>
                                <div data-role="fieldcontain" class="divAnnualbusiness">
                                        <label for="tbL1AnnualBusinessTO">
                                                Annual Business Turnover:</label>
                                        <input type="number" min="0" id="tbL1AnnualBusinessTO" name="AnnualBusinessTO1" value=""
                                                placeholder="E.g. 75000" data-field-type="AnnualBusinessTO" class="profile ignore" data-serialize-type="int" />
                                </div>
                                <div data-role="fieldcontain">
                                        <label for="tbL1AverageTrxValue">
                                                Average Transaction Value:</label>
                                        <input type="number" min="0" id="tbL1AverageTrxValue" name="AverageTrxValue1" value=""
                                                placeholder="E.g. 50" data-field-type="AverageTrxValue" class="profile" data-serialize-type="int" />
                                </div>
                                <div data-role="fieldcontain">
                                        <label for="tbL1MinimumTrxValue">
                                                Minimum Transaction Value:</label>
                                        <input type="number" min="0" id="tbL1MinimumTrxValue" name="MinimumTrxValue1" value=""
                                                placeholder="E.g. 5" data-field-type="MinimumTrxValue" class="profile" data-serialize-type="int" />
                                </div>
                                <div data-role="fieldcontain">
                                        <label for="tbL1MaximumTrxValue">
                                                Maximum Transaction Value:</label>
                                        <input type="number" min="0" id="tbL1MaximumTrxValue" name="MaximumTrxValue1" value=""
                                                placeholder="E.g. 500" data-field-type="MaximumTrxValue" class="profile" data-serialize-type="int" />
                                </div>
                        </div>
                        <!-- /content -->
                        <div data-role="footer" class="application-footer">
                                <div data-role="navbar">
                                        <ul>
                                                <li><a class="save" data-icon="check">Save & Exit</a></li>
                                                <li><a href="#deleteApplicationConfirm" class="deleteApplication" data-icon="delete">Delete & Exit</a></li>
                                                <li><a class="confirm" data-icon="arrow-r">Confirm</a></li>
                                        </ul>
                                </div>
                        </div>
                        <!-- /footer -->
                </div><script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

var element = document.getElementById('tbL1MaximumTrxValue');

Test runner

Ready to run.

Testing in
TestOps/sec
Old
var $dataInstance = $(element).parents('[data-instance]').siblings('[data-instance="' + $(this).parents('[data-instance]').attr('data-instance') + '"][data-field-type="' + $(this).parents('[data-instance]').attr('data-field-type') + '"]').andSelf(),
  avgTrxValue = $dataInstance.find('[data-field-type="AverageTrxValue"]');
if ($(avgTrxValue).val() !== "" && $(element).val() !== "") {
  return parseInt($(element).val(), 10) < parseInt($(avgTrxValue).val(), 10);
}
ready
Better
var instance = $(element).attr('name').replace('MinimumTrxValue', '').replace('MaximumTrxValue', ''),
  avgTrxValue = $.trim($('#tbL' + instance + 'AverageTrxValue').val()),
  val = $.trim($(element).val());
if (avgTrxValue.length > 0 && val.length > 0) {
  return parseInt(val, 10) > parseInt(avgTrxValue, 10);
}
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.