sending div id through button click java-script method parameter

Question

can anyone please tell me how to send div id through button click java-script parameter. Here in the below code the main div id 'ricId_1' and the class name "ric_class1 rico_class0 ric1_class1 ric2_class3" is created dynamically has to be send through javascript method cancel('divid') in the button click.The div id is not static.

<div id="ricId_1" class="ric_class1 rico_class0 ric1_class1 ric2_class3" style="width: 730px; left: 309px; top: 71.5px; z-index: 13000; display: block;">
        <div class="ricTitle">
            :
        </div>

        <div class="ricModal ng-scope" style="height: auto;">
            :
        <div>

        <div>
            <div ng-controller="Manage" class="ng-scope">
                <div class="ricG ricAlign">
                    <div class="ricGrid"><div class="ricGridTable">
                     :
                    </div>
                </div>
            </div>
        </div>

        <div align="center" class="row btn-group">
            <button onclick="cancel('divid')" class="ricButton" type="button" id="sss" ric:loaded="true">Close</button>
        </div>

    </div>

@BeNdErR actually divid is been created dynamically if it is static we can assign . — Alex Man
– Alex Man, Commented Feb 12, 2014 at 9:24

Adil · Accepted Answer · 2014-02-12 10:31:23Z

3

Pass the button to cancel and use that id to get the closes ancestor with class ric_class1 rico_class0 ric1_class1 ric2_class3 having id ricId_1

Live Demo

Html

<button onclick="cancel(this)" class="ricButton" type="button" id="sss" ric:loaded="true">Close</button>

Javascript

function cancel(btn)
{
     ricId_1 = $(btn).closest('ric_class1 rico_class0.ric1_class1 ric2_class3');
     //or
     ricId_1 = $(btn).parent().parent();

}

edited Feb 12, 2014 at 10:31

answered Feb 12, 2014 at 9:26

Adil

148k25 gold badges217 silver badges207 bronze badges

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

4 Comments

Alex Man Over a year ago

but here ric_class1 rico_class0.ric1_class1 ric2_class3 is also dynamic

Adil Over a year ago

You can use parent().parent() then

Alex Man Over a year ago

there all div's are properly closed jsfiddle.net/8F8Mr/2/.....still giving undefined

Adil Over a year ago

Check it here, jsfiddle.net/8F8Mr/3 or here, jsfiddle.net/8F8Mr/4

Rakesh Kumar · Accepted Answer · 2014-02-12 09:37:44Z

1

Try this

HTML

<div id="ricId_1" class="ric_class1 rico_class0 ric1_class1 ric2_class3" style="width: 730px; left: 309px; top: 71.5px; z-index: 13000; display: block;">
  <div align="center" class="row btn-group">
    <button class="ricButton" type="button" id="sss" ric:loaded="true">Close</button>
  </div>
</div>

jQuery Code

$('.ricButton').on('click', function(){
    var getId = $(this).parent().parent().attr('id');
    alert(getId);
});

Demo

edited Feb 12, 2014 at 9:37

answered Feb 12, 2014 at 9:29

Rakesh Kumar

2,8631 gold badge22 silver badges37 bronze badges

3 Comments

Rakesh Kumar Over a year ago

because your divs are not close properly. check you html code.

Alex Man Over a year ago

how bout this here all div's are properly closed jsfiddle.net/8F8Mr/2/.....still giving undefined

Rakesh Kumar Over a year ago

in this you have added two more parent for $(this) object. that's why it's showing undefined. One more thing in current fiddle no need to close the br tag. it's self closing tag </br> not '<br style=""></br>'

Rahul Desai · Accepted Answer · 2014-02-12 09:24:57Z

0

Use jQuery:

$("#sss").click(cancel(divid ));

answered Feb 12, 2014 at 9:24

Rahul Desai

15.5k20 gold badges89 silver badges146 bronze badges

Comments

BeNdErR · Accepted Answer · 2014-02-12 09:28:22Z

0

pass this to the function call and retrieve the id later

JSFIDDLE http://jsfiddle.net/PrX52/

HTML

<button onclick="cancel(this)" class="ricButton" type="button" id="sss" ric:loaded="true">Close</button>

JS

function cancel(el){
    alert(el.id);
};

answered Feb 12, 2014 at 9:28

BeNdErR

18k21 gold badges79 silver badges107 bronze badges

Collectives™ on Stack Overflow

sending div id through button click java-script method parameter

4 Answers 4

4 Comments

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related