Question

我有这个脚本可以显示图像alt标签。

    $(document).ready(function() {
      $('img').click(function(){
        var altimg = $(this).attr('alt');
        alert('Alt: '+ altimg);
      });
    });

我无法理解您将用于指定要在图像中搜索的元素的方法（我只想在我的内容div中的图像上运行此脚本）。

如何在这个实例中实现getElementById超出我的范围，有人能指出我正确的方向吗？

Answer 1

好。您可以使用此方法通过JavaScript查找ID中的所有标记名称。

var x = document.getElementById("divID");
x = x.getElementsByTagName("TAG name to search for") // e.g. "img"

现在x [0]将包含第一个带有标签IMG的元素，该标签位于div内部。 OBS注意到.getElements ByTagName（元素是复数，因为你可以得到很多，而不只是像... ById方法一样。）

使用jQuery，你可以像CSS一样找到图像

var x = $('#divID').find('img')

如果您只想查找具有特定类名（或其他名称）的图像，请将搜索修改为此。

var x = $('#divID').find('img').css('class', 'className')

这两种方式将为您提供在变量x中存储为数组的元素。

Answer 2

根据我的理解，如果图像是特定容器的子项，我只希望绑定此点击事件（我将其称为#container）。只需将它添加到您的选择器：

$(document).ready(function() {
  $('#container img').click(function(){
    var altimg = $(this).attr('alt');
    alert('Alt: '+ altimg);
  });
});

使用javascript在div中选择元素

2 个答案: