how to get the right class name innerHTML content?

Question

<div class="Name">
    <div class="Image"></div>

    <ul>
                <li><h5><span class"myName">I want this text</span></h5></li>
                  <li class="description">The description</li>
        </ul>
        <button class="myButton">My Button</button
</div>

(multiple items with the same structure)

if my structure is constructed this way, how can I get the class myName to have its content as a variable?

$(".myButton").click(function () {
    var itemName =    $(this).siblings(".myName").innerHTML   ??
}

Adriano Carneiro · Accepted Answer · 2011-04-29 15:36:29Z

Ok, so the problem is that you have an error in you HTML. You have

<span class"myName">

instead of

<span class="myName">

and this makes all difference, because your class selector will not work property. Oh, you're also missing the ">" in the closing of button tag.

Here's the fixed HTML:

<div class="Name">
    <div class="Image"></div>
    <ul>
        <li><h5><span class="myName">I want this text</span></h5></li>
        <li class="description">The description</li>
    </ul>
    <button class="myButton">My Button</button>
</div>

And here's the jQuery that works with it:

$(".myButton").click(function() {
    var itemName = $(this).parent().find('.myName').html();
    alert(itemName);
});

You had missed the closing parenthesis as well...

I created a fiddler so you can test it: http://jsfiddle.net/juj3W/

Teddy · Accepted Answer · 2011-04-29 15:11:55Z

0

Here is one way to get it:

$(".myButton").click(function () {
  var itemName = $(this).parent().find(".myName").html();
}

answered Apr 29, 2011 at 15:11

Teddy

18.6k4 gold badges32 silver badges43 bronze badges

Comments

ShaneBlake · Accepted Answer · 2011-04-29 15:12:53Z

0

var itemName = $(this).prev('ul').find('.myName').html();

answered Apr 29, 2011 at 15:12

ShaneBlake

11.1k2 gold badges28 silver badges43 bronze badges

Comments

Naftali · Accepted Answer · 2011-04-29 15:17:59Z

0

try this:

$(".myButton").click(function () {
    var itemName = $(".myName", $(this).parent()).text();
                   //find class in parent
}

edited Apr 29, 2011 at 15:17

answered Apr 29, 2011 at 15:10

Naftali

147k41 gold badges247 silver badges304 bronze badges

Collectives™ on Stack Overflow

how to get the right class name innerHTML content?

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related