SO - 22452386

by lollero

HTML

<div class="question">
    <div class="title"><strong>Here's the question title.</strong></div>
    <div class="choice">Here's choice1.</div>
    <div class="choice">Here's choice2.</div>
</div>

<div class="question">
    <div class="title"><strong>Here's the question title.</strong></div>
    <div class="choice">Here's choice1.</div>
    <div class="choice">Here's choice2.</div>
</div>

<div class="question">
    <div class="title"><strong>Here's title.</strong></div>
    <div class="choice">Here's choice1.</div>
    <div class="choice">Here's choice2.</div>
</div>

CSS

.someClass {
    color: red;
}
.someOtherClass {
    color: green;
}

.question { margin: 10px 0px; }

JavaScript

$(function () {

    $('.title').each(function () {

        var title = $(this),
            choices = title.siblings(),
            myClass = title.text().trim() === "Here's the question title." ? "someClass" : "someOtherClass";

        $('<span />', {
            class: myClass,
            text: " Appended text"
        }).appendTo(choices);

    });

});