单击Jquery替换文本位置

时间:2014-04-16 14:29:35

标签: jquery

所以,我有一个div .drop-blue-rev存储了一些文本,我列出了客户端。 在li .menu-client-area的{​​{1}}点击事件中,我想将li的文字放入div .drop-blue-rev,并将div .drop-blue-rev的文字放置到li现在点击了。 我试过这样做:

$('.menu-client-area li').click(function () {           
        var storeLiText = $(this);
                var StoreClientAreaText = $('.drop-blue-rev');
                var StoreHelper = StoreClientAreaText;

        StoreClientAreaText.text(storeLiText.text());

        StoreLiText.text(StoreHelper.text());       
    });

我原以为我可以使用.drop-blue-rev从div StoreHelper获得一段时间的价值,而它会用li中的文字替换文字,然后从{{1}中放置值到StoreHelper。但它不起作用,在li之后,StoreClientAreaText.text(storeLiText.text());将等于StoreHelper。有什么方法可以解决这个问题吗?

JS在这里:http://jsfiddle.net/d4dw5/

好吧,我得到了这个,这只是我的愚蠢 - 语法错误,(storeLiText和StoreLiText)。

2 个答案:

答案 0 :(得分:0)

您希望将StoreClientAreaText.text()保留在StoreHelper而不是StoreClientAreaText对象中,然后调用StoreLiText.text(StoreHelper),因为现在StoreHelper和StoreClientAreaText的方式完全相同。

$('.menu-client-area li').click(function () {           
    var storeLiText = $(this);
    var StoreClientAreaText = $('.drop-blue-rev');
    var StoreHelper = StoreClientAreaText.text();

    StoreClientAreaText.text(storeLiText.text());

    storeLiText.text(StoreHelper);       
});

答案 1 :(得分:0)

更改li s text是不够的,因为a内有li个标记。试试这个

$('.menu-client-area li').click(function () {   
  var StoreClientAreaText = $('.drop-blue-rev').text();

  $('.drop-blue-rev').text($(this).text());
  $(this).find("a").text(StoreClientAreaText);      
});
相关问题