改变文字上跨

时间:2013-01-10 23:17:21

标签: jquery jquery-selectors

我有这个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');
});

有什么想法吗?感谢

4 个答案:

答案 0 :(得分:1)

试试这个:

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

答案 1 :(得分:0)

这样的事情还是我错过了什么?

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

答案 2 :(得分:0)

如果你只想改变那个范围,那么这样的事情就可以了..

这是一个jsFiddle .. Click here for fiddle

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

答案 3 :(得分:0)

尝试使用ID如果你正在做一个独特的功能coz基准测试id和类显示了很大的差异

使用此

进行简单尝试
$("ul.scroll li  a").on('click',function(e){
      $(".flol a").children(".valdespl").text("hello");
 });

工作demo