jquery - 元素内第一个元素的目标内容

Question

关于mouseover() ，我的目标列表元素 #hello 。在该列表项中，第一个元素是一个没有 ID 的标签，请参阅:

<li id="hello">
   <a href="#">0</a>
   <div...
</li>

我想返回 <a> 内的数据标签。我该怎么做？

jQuery( document ).on( 'mouseover', '#hello', function() {
  jQuery.ajax({
    // code condensed
    success:function(data){

        // how do I target the A tag?
        jQuery(this).next().html(data);

    }
  });
});

Answer 1

尝试利用jQuery.ajax( url [, settings ] )的上下文

jQuery( document ).on( 'mouseover', '#hello', function(e) {
  jQuery.ajax({
    // code condensed
    context: jQuery(e.target).parent().find("a:eq(0)"), // `this` at `success`
    success:function(data){
        // how do I target the A tag?
        jQuery(this).html(data); // `this` : `#hello > a:eq(0)`
    }
  });
});

jQuery( document ).on( 'mouseover', '#hello', function(e) {
  jQuery.ajax({
    // code condensed
    url:"https://gist.githubusercontent.com/guest271314/6a76aa9d2921350c9d53/raw/49fbc054731540fa68b565e398d3574fde7366e9/abc.txt",
    type:"GET",
    context: jQuery(e.target).parent().find("a:eq(0)"),
    success:function(data){
        // how do I target the A tag?
        jQuery(this).html(data);

    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<li id="hello">
   <a href="#">0</a>
   <div>...</div>
</li>