Блог

Я пытаюсь изменить текст внутри тега на текст из выбранного элемента из списка.

Это список:

Это соответствующий html (только его часть)

 <div class="categories">

    <div class="cats"><a id="categoriaBtn995" class="button" href="#categoryTitle" title="button">Línea Blanca</a></div>
    <br>

    <div class="cats"><a id="categoriaBtn996" class="button" href="#categoryTitle" title="button">Desarrollo de Software</a></div>
    <br>

    <div class="cats down"><a id="categoriaBtn998" class="button" href="#categoryTitle" title="button">Esteticas - Belleza</a></div>
    <br>

    <div class="cats"><a id="categoriaBtn999" class="button" href="#categoryTitle" title="button">Publicidad</a></div>
    <br>
</div>
  

Под этим div у меня есть раздел, в который я хочу поместить некоторую информацию об этих элементах.

Во-первых, мне нужно изменить заголовок, который является простым тегом:

 <h1 id="categoryTitulo">Change this</h1>
  

Он должен изменить текст на элемент с class=»down»

Вот как я переключаю класс:

 $(document).ready(function () {
    $('a.button').click(function () {
        $('.down').toggleClass("down");
        $(this.parentElement).toggleClass("down");

    });
});
  

И это то, что я пытаюсь прямо сейчас:

 $('a.button').click(function () {
    $('h1#categoryTitulo').text(
        $('.down').text());
});
  

Я попытался поместить все это в JSFIDDLE, и по какой-то причине это действительно работает там, но не на моем сайте. Я надеюсь, что вы, ребята, сможете помочь мне найти другой способ для достижения этой цели.

Это то, чего я пытаюсь достичь: http://jsfiddle.net/2mAfT / Но со мной это не работает.

вам нужно изменить свой #categoriaBtn, чтобы он выполнялся из class, а не id . Что-то вроде;

 $('a[class$="button"]').click(function(){
      $("#categoryTitulo').html('whatever you want here');
});
  

я не знаю, откуда вы получаете имя класса down или что-то еще, но это должно работать на все, что вы хотите