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 ] )

的context

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)`
    }
  });
});

＆＃13;

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);

    }
  });
});

＆＃13;

<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>

＆＃13;

Answer 2

这可能也有效。使用:first-of-type选择器查找第一个锚标记。

$(this).find("a:first-of-type").html(data);

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

2 个答案: