How to add a class in a div somewhere else in the DOM with jQuery?

Question

How can add class .jokjok in the div next of input[bdate]?

Example: http://jsfiddle.net/cLNJE/1/

This code did not work for me:

<button>Click Me</button>
<div class="pa_row mediumCell">
    <div class="column">
        <input type="text" name="expass">
    </div>
    <div class="column">
        <div class="auto_box2">
            <input type="text" name="bdate">
            <div></div>
        </div>
    </div>
    <div class="column">
        <input type="text" name="old">
    </div>
</div>



$('button').live("click", function () {
    $('input[bdate]').closest('.pa_row ').find('auto_box2 div').removeClass().addClass('jokjok');
    //alert('click is ok')
});

possible duplicate of Adding CSS Class using JQuery

user180100
– user180100

2011-09-14 07:28:25 +00:00
Commented Sep 14, 2011 at 7:28 — user180100
– user180100, Commented Sep 14, 2011 at 7:28

Bas Slagter · Accepted Answer · 2011-09-14 07:42:31Z

0

I think you need to specify which attribute you want to use for selection of the right input:

$('input[name="bdate"]');

This worked for me:

$('button').live("click", function () {
    $('input[name="bdate"]').closest('.pa_row').find('div.column div.auto_box2 div').first().removeClass().addClass('jokjok');
});

See: http://jsfiddle.net/cLNJE/7/

edited Sep 14, 2011 at 7:42

answered Sep 14, 2011 at 7:27

Bas Slagter

9,9479 gold badges51 silver badges81 bronze badges

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

Comments

Pathik Gandhi · Accepted Answer · 2011-09-14 07:28:04Z

0

the easy ways is: Add id attribut to div

<div id="someid"></div>
$('button').live("click", function () {
    $('#someid').addClass('jokjok');
});

Or

Create new whole div

$('button').live("click", function () {
        $('input[name="bdate"]').after('<div class="jokjok"></div>');
    });

answered Sep 14, 2011 at 7:28

Pathik Gandhi

1,3441 gold badge18 silver badges37 bronze badges

Comments

ipr101 · Accepted Answer · 2011-09-14 07:36:39Z

0

Some of your selectors are not quite right,

$('input[bdate]')

should be

$('input[name=bdate]')

this will select the input with a name attribute of 'bdate' your previous selector was selecting all inputs that had an attribute of 'bdate'

find('auto_box2 div')

should be

find('div.auto_box2')

this will select the 'div' with a class of 'auto_box2'

Making those changes leaves us with this code -

$('button').live("click", function() {
    $('input[name=bdate]').closest('.pa_row ').find('div.auto_box2').removeClass().addClass('jokjok');
    alert('click is ok')
});

which should hopefully do what you want.

Updated fiddle - http://jsfiddle.net/ipr101/542ZW/1/

answered Sep 14, 2011 at 7:36

ipr101

24.2k8 gold badges61 silver badges62 bronze badges

Comments

marissajmc · Accepted Answer · 2011-09-14 07:41:48Z

0

http://jsfiddle.net/cLNJE/8/

$('button').live("click", function () {
    $('.auto_box2 input').siblings('div').addClass('jokjok');
});

answered Sep 14, 2011 at 7:41

marissajmc

2,6131 gold badge23 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to add a class in a div somewhere else in the DOM with jQuery?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related