Question

单击<a>标记时，我要获取所述链接的文本值并将其放置在父级中的另一个<div>（.current-selection）内。但是，我还需要fadeOut()的父级才能使此更改不可见，然后再将其fadeIn()收回。我可以使它单独工作，但不能将文本更改放在fadeOut（）函数中。

下面的代码获取父项的文本，而不是最初单击的标记。这样嵌套时，我可以做些什么？

谢谢。

$('.filter').on( 'click', 'a', function() {
    // Fadeout text to allow for hidden text change
    $(this).parent.fadeOut(function() {

        // Change text of the current selection to match the item just clicked (not working)
        $('.filter').find('.current-selection').text($(this).text());   

    }).fadeIn();
});

Answer 1

将文本放入一个额外的变量

$('.filter').on( 'click', 'a', function() {
    var value = $(this).html();
    $(this).parent().fadeOut(function() {
        $('.filter .current-selection').text(value);   

    }).fadeIn();
});

使用嵌套的$（this）语句时获取.text（）值

1 个答案: