Question

I am facing one small issue. I want to change the parent div style as the content of the div increase its text chars.

<div class="welcome-message"><a href="#">Some link</a></div>

this is the format of the html. lets say it the link text has min char 80 chars, if its more than 80 then the style of the parent div should be change ie. width:200px;

jQuery solution preferred , JS also fine.

thanks

Answer 1

You can do it like this:

$(document).ready(function()
{
    if ($('.welcome-message a:first').text().length > 80)
        $('.welcome-message').css({'width': 200});
});