jQuery Find Input Text Elements several levels

Question

first at all thanks for reading.

I wrote a code that suppose to search any input type text inside many the idea is search if each element inside of the contains a text, if it's then the tr will be .show() if any of the elements inside of the tr contains the text the tr will be .hide(). But i cant get the value of the input, maybe some silly mistake. So the structure could be:

   <tr>
    <td><div><div><input type="text" value="hello world" /></div></div><td>
    <td><div><input type="text" value="hello world" /></div><td>
    </tr>
    <tr>
    <td><input type="text" value="tutu" /><td>
    <td><span><input type="text" value="orl" /></span><td>
    </tr>

/* renglones is every <tr> */
$.each( renglones, function() {
        var inputs = $(this).find('input [type=text]').find('input');
        console.info(inputs);
        $(inputs).each(function() {
            console.info($(this).val());
        });
    });

You are looking for an input that is a child of an input that is a child of an input. Should just be var inputs = $(this).find('input[type=text]'); — epascarello
– epascarello, Commented Sep 30, 2015 at 13:29

Arun P Johny · Accepted Answer · 2015-09-30 13:28:14Z

2

You can just use the :text selector

renglones.each(function () {//assuming renglones is a jQuery object
    var $inputs = $(this).find('input:text');
    $inputs.each(function () {
        console.info($(this).val());
    });
});

answered Sep 30, 2015 at 13:28

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

GDedieu · Accepted Answer · 2015-09-30 14:03:41Z

0

Thanks to Arun P Johny

Final code:

$.each( renglones, function() {
        var $inputs = $(this).find('input:text');
        var encontrado = false;
        $inputs.each(function () {
            if($(this).val().indexOf(texto.toLowerCase()) != -1 || $(this).val().indexOf(texto.toUpperCase()) != -1){
                encontrado = true;
            }
        });
        if(encontrado){
            $(this).show('200');
        }
        else{
            $(this).hide('200');
        }
    });

answered Sep 30, 2015 at 14:03

GDedieu

971 silver badge12 bronze badges

Collectives™ on Stack Overflow

jQuery Find Input Text Elements several levels

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related