将文本从<h1>标记更改为来自不同div的文本</h1>

Question

我尝试将标记内的文本更改为列表中所选元素中的文本。

这是列表：

这是相应的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 =＆＃34; down＆＃34;

将文本更改为元素

这是我切换课程的方式：

$(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/ 但它不适合我。

Answer 1

你需要改变你的＃categoriaBtn来运行类而不是id。喜欢的东西;

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

我不知道你在哪里获得了downName或其他任何类的名称，但这应该适用于任何你想要的