blocks|key|3244451|text|$(ID).find(':first')|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3244452|请参见find+jQuery命令。|unstyled|offset|length|style|CODE|3244453|$('#PGD').find('a:first')|3244454|实际上我还没有理解这个问题，所以我试着纠正你的函数，让你明白：|3244455|function+load(dl)
{++

//+var+ID+=+$(dl).attr('id');
//+var+elemnt+=+$('ID:first').attr('id');+//+Here+is+error-mast+be+like+$(ID%2B':first')

+var+ID+=+$(dl).attr('id');
+var+elemnt+=+$(ID).find('*:first').attr('id');+

}+|3244456|我假设dl就是$('#PGD')。但是子元素A没有id属性，您想要查找什么？|3244457|另请参阅：http://api.jquery.com/category/selectors/|3244458|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/category/selectors/^0|0|3|4|0|0|0|0|3|2|7|9|M|1|P|2|0|5|15|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|13|8|@$G|14|H|15|I|J]]|9|@]|A|$]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|A|$B|C]]|$1|M|3|N|5|F|7|17|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|A|$B|C]]|$1|Q|3|R|5|F|7|19|8|@$G|1A|H|1B|I|J]|$G|1C|H|1D|I|J]|$G|1E|H|1F|I|J]|$G|1G|H|1H|I|J]]|9|@]|A|$]]|$1|S|3|T|5|F|7|1I|8|@]|9|@$G|1J|H|1K|1|1L]]|A|$]]|$1|U|3|-4|5|F|7|1M|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

<pre><code>$(ID).find(':first')
</code></pre>

See <code>find</code> jQuery command.

<pre><code>$('#PGD').find('a:first')
</code></pre>

Actualy I've not understanding problem, so I'm trying correct your function, to make it clear for you:

<pre><code>function load(dl)
{ 

// var ID = $(dl).attr('id');
// var elemnt = $('ID:first').attr('id'); // Here is error-mast be like $(ID+':first')

 var ID = $(dl).attr('id');
 var elemnt = $(ID).find('*:first').attr('id'); 

} 
</code></pre>

I supose <code>dl</code> that is <code>$('#PGD')</code>. But child element <code>A</code> have not attribute <code>id</code>, what are you trying to find?

Also See: <a href="http://api.jquery.com/category/selectors/" rel="nofollow noreferrer">http://api.jquery.com/category/selectors/</a>

blocks|key|301040|text|$("#PGD").children("a:first")|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|301041|这将给你的第一个孩子"a“标签，但不是后代。例如。|unstyled|301042|+++++<div+id="log">
++++++++<a+href="foo">Foo</a>
++++++++<a+href="hello">Hello</a>
++++++++<a+href="how">Hello</a>
+++++</div>|301043|将为您提供：<a+href="hello">Hello</a>|offset|length|style|CODE|301044|entityMap^0|0|0|0|6|P|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|T|8|@$K|U|L|V|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|F|7|W|8|@]|9|@]|A|$]]]|P|$]]

<pre><code>$("#PGD").children("a:first")
</code></pre>

This will give you the first child "a" tag, but not the descendents. E.g. 

<pre><code> &lt;div id="log"&gt;
 &lt;p&gt;&lt;a href="foo"&gt;Foo&lt;/a&gt;&lt;/p&gt;
 &lt;a href="hello"&gt;Hello&lt;/a&gt;
 &lt;a href="how"&gt;Hello&lt;/a&gt;
 &lt;/div&gt;
</code></pre>

Will give you : <code>&lt;a href="hello"&gt;Hello&lt;/a&gt;</code>

blocks|key|303770|text|Non-+jQuery+:+(之前没有使用jQuery标记，所以我将其包括在内)|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|303771|如果只想获取第一个子元素，请执行|303772|：|unordered-list-item|303773|303774|var+element+=+document.getElementById('PGD').children;|303775|If您想要获取第一个锚元素：|303776|303777|var元素=+document.getElementById('PGD').getElementsByTagName('a');|303778|使用jQuery的：|303779|var+element+=+$('#PGD').find('a:first');
//+or,+to+avoid+jQuery's+pseudo+selecors:
//+var+element+=+$('#PGD').find('a').first();|code-block|syntax|javascript|303780|实际上你的函数可以是|303781|function+load(dl)
{++++
+++var+element+=+$(dl).find('a:first');+
}+|303782|更新：|303783|由于您正在使用jQuery，因此我建议不要在您的HTML标记中附加单击处理程序。按照jQuery的方式来做：|303784|$(function()+{
++++$("#PGD").mouseover(function()+{
+++++++++$(this).find('a:first').attr('display','inline');++
++++++++alert($(this).find('a:first').attr('display'));
++++});
});|303785|和你的HTML：|303786|<div+id="PGD"+class="album">
+++++<a+class="dl"+href="#">DOWNLOAD</a>
</div>|303787|自己看一看：http://jsfiddle.net/GWgjB/​|303788|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/GWgjB/^0|0|D|0|0|0|0|0|0|0|0|9|1|0|0|0|0|0|3|0|0|0|0|0|6|Q|0|0^^$0|@$1|2|3|4|5|6|7|1N|8|@$9|1O|A|1P|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1R|8|@]|D|@]|E|$]]|$1|K|3|-4|5|6|7|1S|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|1T|8|@]|D|@]|E|$]]|$1|N|3|O|5|J|7|1U|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|1V|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1W|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1X|8|@$9|1Y|A|1Z|B|C]]|D|@]|E|$]]|$1|U|3|V|5|W|7|20|8|@]|D|@]|E|$X|Y]]|$1|Z|3|10|5|6|7|21|8|@]|D|@]|E|$]]|$1|11|3|12|5|W|7|22|8|@]|D|@]|E|$X|Y]]|$1|13|3|14|5|6|7|23|8|@$9|24|A|25|B|C]]|D|@]|E|$]]|$1|15|3|16|5|6|7|26|8|@]|D|@]|E|$]]|$1|17|3|18|5|W|7|27|8|@]|D|@]|E|$X|Y]]|$1|19|3|1A|5|6|7|28|8|@]|D|@]|E|$]]|$1|1B|3|1C|5|W|7|29|8|@]|D|@]|E|$X|Y]]|$1|1D|3|1E|5|6|7|2A|8|@]|D|@$9|2B|A|2C|1|2D]]|E|$]]|$1|1F|3|-4|5|6|7|2E|8|@]|D|@]|E|$]]]|1G|$1H|$5|1I|1J|1K|E|$1L|1M]]]]

Non-jQuery: (was not tagged with jQuery before, so I included this)

<ul>
<li>If you want to get the first child element only:

<pre><code>var element = document.getElementById('PGD').children[0];
</code></pre></li>
<li>If you want to get the first anchor element:

<pre><code>var element = document.getElementById('PGD').getElementsByTagName('a')[0];
</code></pre></li>
</ul>

With jQuery:

<pre><code>var element = $('#PGD').find('a:first');
// or, to avoid jQuery's pseudo selecors:
// var element = $('#PGD').find('a').first();
</code></pre>

and actually your function can just be

<pre><code>function load(dl)
{ 
 var element = $(dl).find('a:first'); 
} 
</code></pre>

Update: 

As you are using jQuery, I suggest to not attach the click handler in your HTML markup. Do it the jQuery way:

<pre><code>$(function() {
 $("#PGD").mouseover(function() {
 $(this).find('a:first').attr('display','inline'); 
 alert($(this).find('a:first').attr('display'));
 });
});
</code></pre>

and your HTML:

<pre><code>&lt;div id="PGD" class="album"&gt;
 &lt;a class="dl" href="#"&gt;DOWNLOAD&lt;/a&gt;
&lt;/div&gt;
</code></pre>

​See for yourself: <a href="http://jsfiddle.net/GWgjB/" rel="noreferrer">http://jsfiddle.net/GWgjB/</a>

So I want to get the first <code>&lt;a&gt;</code> tag in this <code>&lt;div&gt;</code>. This is really driving me nuts. Thanks for any help.
HTML
<pre><code>&lt;div id=&quot;PGD&quot; class=&quot;album&quot; onmouseover=&quot;load(this)&quot;&gt;
 &lt;a class=&quot;dl&quot; href=&quot;#&quot;&gt;DOWNLOAD&lt;/a&gt;
&lt;/div&gt;
</code></pre>
Javascript
<pre><code>function load(dl)
{ 
 var ID = $(dl).attr('id');
 var elemnt = $('ID:first').attr('id'); 
}
</code></pre>

How to get the first inner element?

jQuery

所以我想要获得这个<div>中的第一个<a>标记。这真的把我逼疯了。谢谢你的帮助。HTML<div id="PGD" class="album" onmouseover="load(this)"> <a class="dl" href="#">DOWNLOAD</a></div>Javascriptfunctio...

问如何获取第一个内部元素？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何获取第一个内部元素？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何获取第一个内部元素？
EN