Question

I have the following mark-up:

$(document).ready(function () {
    $('.lalala').bind('blur', function (e) {
        CheckFirstInput($(this));
    });
});

<div id="divContainer">
    <input type="text" class="lalala" />
    <p id="img1"></p>
</div>

And the following script

function CheckFirstInput(element) {
    var txtLength = element.val();
    var parent;
    var lastElement;

    if (txtLength.length < 1) {
        parent = element.parent();
        lastElement = parent.last();
        lastElement.text('prazno e');
    }
    else {
        //element.parent().lastChild().text('4884384f384r34rf');
        parent = element.parent();
        lastElement = parent.last();                
        lastElement.text('ne e prazno');
    }
}

If the input field is not empty I want to select the last element of the wrapping div (<p>) and change its text. How do I do that?

Thanks in advance!!

Answer 1

You needed to select the children() of the element’s parent. You were selecting the last parent. (Which is the parent.)

The following is working. I also cleaned up the code a bit.

$('.lalala').blur( function () {
      CheckFirstInput($(this));
});

function CheckFirstInput(element) {
        if (element.val().length < 1) {
            element.siblings(':last').html('prazno e');
        }
        else {
            element.siblings(':last').html('ne e prazno ');
        }
}

Working Fiddle

http://jsfiddle.net/CRccw/2/