Question

I need to select elements depending on first letter of text value of a tag.
For example:

<li><label for="1"><input type="checkbox" name="contacts" value="1">Aaron</label></li>
<li><label for="2"><input type="checkbox" name="contacts" value="2">Born</label></li>
<li><label for="3"><input type="checkbox" name="contacts" value="3">Bale</label></li>
<li><label for="4"><input type="checkbox" name="contacts" value="4">Kate</label></li>

And I want to select all inputs that text value starts with B – in result it should be Born and Bale inputs. How can I do this using jQuery/pure javascript?

Answer 1

Try this: http://jsfiddle.net/bb2uE/

Html:

<label for="1">Aaron</label><input type="checkbox" name="contacts" value="1"></li>
<li><label for="2">Born</label><input type="checkbox" name="contacts" value="2"></li>
<li><label for="3">Bale</label><input type="checkbox" name="contacts" value="3"></li>
<li><label for="4">Kate</label><input type="checkbox" name="contacts" value="4"></li>

​Javascript:

$(document).ready(function(){
var obj = [];
    $.each($('label'), function(){
        if ($(this).html().charAt(0) == 'B')
         obj.push($(this).html());       
    });
    for (var i = 0; i < obj.length; i++)
        console.log(obj[i]);
});

Or, if you want to hide those inputs: http://jsfiddle.net/bb2uE/1/

Javascript:

var hideFunction = function(letter){
   $.each($('label'), function(){
        if ($(this).html().charAt(0) == letter)
            $(this).parent().hide();     
    });
}
hideFunction('B');