Переход по ссылке при клике на id блока

[artemii]

Для этого достаточно вызвать событие click на вложенной в блок ссылке.

Как это реализовать?

[Dilettante_Pro]

<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

И уберите все лишнее, что вы еще, мне кажется, где-то вписали.

[artemii]

<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>

Удалил все лишнее, вставил ваш скрипт (нужные строки) , в результате ничего...

[artemii]

<script type="text/javascript">
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"
ar refer = ['Ссылка1','Ссылка2','Ссылка3'];
 $("div[id*=idglub]").on('click', function(){
     var idx = +this.id.replace(/\D+/g,"") - 1;
     alert(refer[idx]);
 });</script>

Можете подсказать на что изменить ar refer чтобы все работало?

[Dilettante_Pro]

artemii,
Можно посмотреть результат?
По прежней ссылке осталось все по-старому.

[Dilettante_Pro]

artemii,

Можете подсказать на что изменить ar refer чтобы все работало?

Этот кусок надо целиком удалить и вставить вместо него строки 28-30 из последнего примера.
Также удалить

var refer = ['https://zaogss.ru/bolshaya-pochtovaya/','https://zaogss.ru/nagatinskaya/','https://zaogss.ru/stahanovskaya/'];
 $("div[id*=idglub]").on('click', function(){
     var idx = +this.id.replace(/D+/g,"") - 1;
document.location.href = refer[idx];
 });

(крутил этот скрипт на вашем сайте в консоли - почему-то не срабатывает this.id.replace(/D+/g,""), не выделяет цифры, возвращает целиком id)

[artemii]

<script type="text/javascript">
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"
ar refer = ['Ссылка1','Ссылка2','Ссылка3'];
 $("div[id*=idglub]").on('click', function(){
     var idx = +this.id.replace(/\D+/g,"") - 1;
     alert(refer[idx]);
 });</script>

artemii,
Можно посмотреть результат?
По прежней ссылке осталось все по-старому.

https://vk.cc/8hUsXX.
Вот тут теперь
Может быть проблема в самом ВП?

[artemii]

Может быть есть другой способ сделать кликабельным весь блок?
При условии что это ВП и нет доступа к голому хтмл

[Dilettante_Pro]

artemii,
Насчет предыдущей версии - вы неправильно ввели this.id.replace(/D+/g,"")
Нужно this.id.replace(/\D+/g,"")

И чтобы не было лишнего мусора
Новый вариант сейчас посмотрю

[artemii]

ВП почему то убирает слэш вот тут (/D+/g,""), хотя все вставляю правильно