.closest .prev jquery无法专注于上面的A标签

时间:2016-10-04 17:22:23

标签: jquery css

不确定为什么这不起作用,但我有:

https://jsfiddle.net/m9uqdx5y/

<div class="sectionContent">
  <span class="open"><a>top</a></span>
  <span class="closeEditorLink"><a>bottom</a></span>
</div>

    var $preDiv = $('.closeEditorLink');
    $($preDiv).click(function () {
        $($preDiv).closest('.sectionContent a').focus();
    });

我只需要关注上面的A标签。

3 个答案:

答案 0 :(得分:1)

.closeEditorLink不是.sectionContent a的孩子,因此.closest(".sectionContent a")没有任何内容。

请尝试.closest('.sectionContent').find('.open a').focus();

答案 1 :(得分:1)

尝试更改您的javascript代码:

Jquery的:

var preDiv = $('.closeEditorLink');
preDiv.on('click', function () {
    $(this).closest('.sectionContent a').focus();
});

$(document).on('click', '.closeEditorLink', function() {
    $(this).parent().closest('a').focus();
});

问候!

答案 2 :(得分:1)

写下面

jQuery(document).ready(function($){
 var preDiv = $('.closeEditorLink');
  $(preDiv).click(function () {
     $($preDiv).closest('.sectionContent').find('a').focus();
  });
})