Question

我有几个有名字的课程，如何获得第一堂课的内容。

like:
<div class="hi">
<div class="hey"><input name="hello1"></div> // this is 1
<div class="hey"><input name="hello2"></div> // this is 2
<div class="hey"><input name="hello3"></div> // this is 3
</div>

only getting: class number 1 // <input name="hello1">

如何使用jQuery？

Answer 1

JSFiddle Example

// Pure JavaScript
var els = document.getElementsByClassName('hey');
els[0].innerHTML;

// jQuery
$(".hey:eq(0)").html();
$(".hey").eq(0).html();
$(".hey:first").html();
$(".hey").first().html();
$(".hey:first-child").html();

注意：在jQuery中，按类选择通常是最慢的方法之一。通过element.className（例如div.hey）选择更快，但实际上，按ID选择是最快的（不是“元素#id”，只是“#id”）。希望这有助于

Answer 2

如果你想要第一个div的html内容和'hey'类，请试试这个：

var firstChildContent = $('div.hey:first-child').html());

Answer 3

试试这个

$('div.hey:eq(0)').html();

Answer 4

使用:first选择器

$('.hey:first').html(); // this is shorter (but less performant)
$('.hey').filter(':first').html(); // this is more performant (based on jQuery documentation)

或使用.first()方法

$('.hey').first().html();

或使用.eq()获取特定索引

$('.hey').eq(0).html(); // first element in the group using a 0-based index

Answer 5

$（ '哎：当量（0）'）。HTML（）

访问hello 1

类似地

$（ '哎：当量（1）'）。HTML（）

访问hello 2

和

$（ '哎：当量（2）'）。HTML（）

访问你好3

Answer 6

var hey = document.getElement('.hey');

Answer 7

这是一个非常古老的问题，但对于那些像我一样通过Google找到它的人：如果你不支持IE8及更低版本，你可以使用 document.querySelector ：

if record comes from A then dwh_user_id = 1000000 + user_id
if record comes from B then dwh_user_id = 4000000 + user_id
if record comes from c then dwh_user_id = 8000000 + user_id

甚至可以更好地在父元素上使用它：

var el = document.querySelector('.hey');
el.innerHTML;

这比使用getElementsByClassName更好，因为浏览器不需要搜索文档中的所有类。所以它也应该更快。

获得一流的内容

7 个答案: