jquery - 使用 JQuery 获取此值时遇到问题

Question

在此类代码中悬停在 .avatar 上时获取此值时遇到问题:.data("blog-title"):

<a target="_blank" href="http://somwhere.com/"  class="frame">
<img alt="" class="avatar" src="http://something.com/pong.png/>
        </a>
        <script type="text/javascript">
            some script stuff
        </script>

            <div class="note">
                        <a target="_blank" class="preview" href="http://something.com/blogpost/bar"><img src="http://http://something.com/some.gif" /></a>
                <a href="#" data-blog-title="fooname" class="block">foobar</a>
            </div>

尝试过各种父项、发现等等。就是解决不了。

Answer 1

试试这个:-

假设你有多个这样的部分，你可以尝试这种方式

$('.avatar').hover(function(){
var value = $(this)
          .closest('.frame') // Get to the parent .frame
          .siblings('.note') // look for its sibling .note
          .find('.block') //find the anchor with class.block
          .data('blog-title'); //get the value. If this attribute value is being changed dynamically after the load then you need to use .attr('data-blog-title')

});

否则就这样做

 $('.block').data('blog-title');

http://jsfiddle.net/kNntX/

记得在此处关闭引号

<img alt="" class="avatar" src="http://something.com/pong.png/">
                                                              ^----------