Question

我有以下结构

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

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

</div>

我可以访问javascript Myfunction，内部div的标题。这里没有ids。

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

如果它是唯一带有标题的div，您可以使用此选择器：

$('div[title]')

最简单的解决方案是在定义了onClick的div中添加一个类或id（我建议同样转向JS代码）

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

在JS中：

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

然后你可以用

找到内部div

$('.myClass div')

Answer 3

取决于您是否使用任何JavascriptLibraries，如jQuery。如果这样做，您可以通过CSS选择器选择对象，这将是您的情况

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

你会得到你的内在DIV元素。如果有更多符合此条件的元素，则可以通过属性值进一步限制它们。

在javascript中访问内部div值，没有帮助

3 个答案: