jquery - 更改文本上跨度

Question

我有这个 html

                <div class="flol pore">
                <a href="#"><span class="valdespl">Sector de Empleo</span> <i class="poab ico_arrowdesp bgindex"></i></a>
                <div class="poab despcnt dino">
                    <ul class="scroll">
                        <li><a data-value="1" href="#">Titulo de la Categoria Sector</a></li>
                        <li><a data-value="2" href="#">Titulo de la Categoria Sector</a></li>
                        <li><a data-value="3" href="#">Titulo de la Categoria Sector</a></li>
                    </ul>
                    <input type="hidden" name="sector" value="" class="inpval">
                </div>
            </div>

当我想点击一个链接 ul 时，更改 span valdespl 的文本。

我尝试了几种方法，但我无法改变它

$('.scroll').delegate( 'a', 'click', function(e){
    e.preventDefault();
    $(this).parents('ul').prevAll('.despcnt').prev().find('span').text('hola');
});

任何想法？。谢谢

Answer 1

尝试这个：

$('.scroll').on('click', 'a', function(e) { 
    var link = $(this);
    e.preventDefault();
    link.closest('.flol').find('.valdespl').text('hola');
}

Answer 2

如果你正在做一个独特的函数，尝试使用 ID，因为对 id 和类的基准测试显示了很大的不同

简单尝试使用这个

$("ul.scroll li  a").on('click',function(e){
      $(".flol a").children(".valdespl").text("hello");
 });

工作演示

Answer 3

如果你只是想改变那个跨度，那么这样的事情会起作用..

这是一个 jsFiddle ..点击这里查看小提琴

$(document).ready(function(){
  $('.scroll li a').click(function(e){
    $('.valdespl').text($(this).text());
    return false;
  });
});

Answer 4

像这样的东西还是我错过了什么？

 $("ul.scroll").on('click',function(e){
       e.preventDefault();
       $("span.valdespl").html("Your text");
    });