Search code examples
javascriptjquerydhtml

how can I add a wildcard with jquery binding

how can I add a wild card into this jquery bind event so that form fields with 'PauNumber' are ignored? This field is repeated for each entity. Unfortunately I can't easily assign a css class to it because the text box is created server side.

many thanks

<div class="PassengerWrapper">
<input type="text" value="" name="PauNumber0" id="PauNumber0">
</div>

<div class="PassengerWrapper">
<input type="text" value="" name="PauNumber1" id="PauNumber1">
</div>

<div class="PassengerWrapper">
<input type="text" value="" name="PauNumber2" id="PauNumber2">
</div>

$('.PassengerWrapper input[type=text], .PassengerWrapper select').not(':hidden').each(function () {
Solution

  • You can do it inside the .not('selector') to filter the elements you don't want

    $('.PassengerWrapper input[type=text], .PassengerWrapper select').not(':hidden,input[name*=PauNumber]').each(function () {

    You can use [name*=PauNumber] or [id*=PauNumber]

    Here's an example fiddle for you http://jsfiddle.net/XQWmf/

    Also link to the different selectors