Accessing a inner div value in javascript, with no ids to help

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 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 2

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.

Answer 3

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>