<style>
div.cont {
width:60px;
background:gray;
border:1px solid black;}
</style>
<div class="cont" id = "idglub1">
<div>idglub1</div>
<div>
<a href="#">Ссылка1</a>
</div>
</div>
<div class="cont" id = "idglub2">
<div>idglub2</div>
<div>
<a href="#">Ссылка2</a>
</div>
</div>
<div class="cont" id = "idglub3">
<div>idglub3</div>
<div>
<a href="#">Ссылка3</a>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$("div[id*=idglub]").on('click', function(){
$(this).find('a').trigger('click');
});
$("a").on('click', function(e){
e.preventDefault();
e.stopPropagation();
alert(this.textContent);
});
</script>
Вам из этого примера нужны только строки 28-30
И уберите все лишнее, что вы еще, мне кажется, где-то вписали.
|