Доступ к внутреннему значению div в javascript, без идентификаторов, чтобы помочь

Question

У меня следующая структура

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

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

</div>

Могу ли я получить доступ к javascript Myfunction, названию внутреннего div. Здесь нет идентификаторов.

Answer 1

Если вы не хотите изменять HTML-код, вы можете использовать это.

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

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


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

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

</div>

В противном случае попробуйте это

$(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

Зависит от того, используете ли вы какие-либо библиотеки JavascriptLib, такие как jQuery. Если вы это сделаете, вы можете выбрать ваши объекты с помощью селекторов CSS, что будет в вашем случае

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

Вы получите свой внутренний элемент DIV. Если есть больше элементов, соответствующих этому критерию, вы можете ограничить их еще больше значениями атрибута.

Answer 3

Если это единственный div с заголовком, вы можете использовать этот селектор:

$('div[title]')

Самое простое решение - добавить класс или идентификатор в div с определением onClick (я предлагаю также перейти к JS-коду)

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

А в JS:

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

Тогда вы можете найти внутренний div с помощью

$('.myClass div')