0

私はこの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をクリックしたいときは、spanvaldesplのテキストを変更します。

いくつかの方法を試しましたが、変更できません

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

何か案が?。ありがとう

4

4 に答える 4

1

これを試して:

$('.scroll').on('click', 'a', function(e) { 
    var link = $(this);
    e.preventDefault();
    link.closest('.flol').find('.valdespl').text('hola');
}
于 2013-01-10T23:20:57.783 に答える
0

そのスパンを変更しようとしているだけの場合は、このようなものが機能します。

これがjsFiddleです..フィドルはここをクリック

$(document).ready(function(){
  $('.scroll li a').click(function(e){
    $('.valdespl').text($(this).text());
    return false;
  });
});
于 2013-01-10T23:39:15.887 に答える
0

このようなものか、何か不足していますか?

 $("ul.scroll").on('click',function(e){
       e.preventDefault();
       $("span.valdespl").html("Your text");
    });
于 2013-01-10T23:20:39.577 に答える
0

ID とクラスに対する独自の関数 coz ベンチマーク テストを行っている場合は、ID を使用してみてください。大きな違いが示されます。

これを使って簡単に試してみてください

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

ワーキングデモ

于 2013-01-11T05:09:36.530 に答える