我有这个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');
});
有什么想法吗?感谢
答案 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