在JavaScript中访问内部div值，没有帮助的ID

Question

I have following structure

<div onClick="javascript:Myfunction('value');">

<div title="Mytitle"> </div>

</div>

Can I access in the javascript Myfunction, the title of the inner div. There are no ids here.

Answer 1

If you do not want to change the html code then you can use this.

function MyFunction ( elem )
{
      var child = jQuery(elem).find("div");

      alert ( child.attr("title") );
}


<div onclick="MyFunction(this);">

<div title="Mytitle"> </div>

</div>

Otherwise try this

$(document).ready ( function () {           
                $('#divMain').click(function() {
                    var titleElem = $(this).find("div");                    
                    alert ( titleElem.attr("title") );                  
                });
            });

<div id="divMain" style="width: 100px; height: 100px;">
                <div title="Mytitle">
                </div>
            </div>

Answer 2

If it's the only div with the title you can use this selector:

$('div[title]')

The easiest solution would to add a class or id to the div with onClick defined (I suggest moving onlick to JS code as well)

<div class="myClass">
    <div title="MyTitle"> ... </div>
</div>

And in JS:

$('.myClass').click(function() {
    MyFunction('value');
});

Then you can find inner div with

$('.myClass div')

Answer 3

Depends if you use any JavascriptLibraries like jQuery. If you do, you can select your objects via CSS selectors, which would be in your case

$('div[onclick] > div[title]')

You'd get your inner DIV element with it. If there are more elments that match this criteria, you could limit them even more by attribute values.