在GWT中获取没有id的<div>元素</div>

时间:2015-01-27 20:38:18

标签: javascript jquery dom

如果我有像这样的HTML。有没有办法在&lt;之间获得文本苹果? div class =&#34; a&#34; &GT;并将它发送到ajax到gwt应用程序?

<div class="A">
   <div class="B">
      <img class="icon" src="/images/ico.png" alt="" />
      <div class="a">apple</div>
      <div class="b">bannana</div>
   </div>
</div>

我有这样的JavaScript:

$function(){
    $('.B .icon').click(function(){

        $(this).closest('.B').addClass('marked');
    });
}

1 个答案:

答案 0 :(得分:1)

如果我有足够的声誉,我会将此添加为评论,因为我对您的结构和问题感到困惑。如果我不能正确理解,请道歉,但如果您通常在您的情况下遍历DOM结构到父级,您可以使用find来获取元素吗? .html()将获取所述元素的当前内容。

$(function() {
    $('.icon').click(function(){
        var html = $(this).closest('.B').find('div.a').html();
        // Do what you want with the contents. Simple alert as example.
        alert(html);
    });
});

这应该可以帮到你找到你想要的东西。如果您发现它符合您的需要,请将其标记为答案。

我建议使用.parent()而非.closest(&#39; .B&#39;)如果您的元素始终按照您发布的顺序进行,并且如果进一步搜索不需要祖先元素。