Question

任何知道一点点jquery的人都可以轻松提问。

$(document).ready(function(){
    $('.selected').on('click', function(){

我有一个导航菜单，点击它们时会为每个li元素添加一个类（添加了类＆＃39;选择＆＃39;）。我正在尝试使用replaceWith更改导航下方另一个容器内的文本（使用class =＆＃34; banner-header＆＃34;）

$('.banner-header').replaceWith('Eugene is too cool for school');

但是我卡住了，因为文本必须根据按下哪个导航菜单项而改变。我可以写一篇冗长的if语句，但我不知道从哪里开始，请帮忙！

提前致谢。

Answer 1

您可以执行以下操作：https://jsfiddle.net/jLvppk3f/

HTML：

$(document).ready(function(){
    $('.menu').on('click', function() {
        $('.menu').removeClass('selected');
        $(this).addClass("selected");
      $('.banner-header').text($(this).data('banner-text'));
    })
});

JS：

<spring:bean id="securityManager" scope="singleton" class="com.blah.la.di.da.SecurityManagerImpl" >
 <spring:constructor-arg name="dao" ref="backingDaoBean" />
</spring:bean>

Answer 2

如果您的导航结构如下：

<ul class="navigation">
    <li>Nav 1</li>
    <li>Nav 2</li>
    <li>Nav 3</li>
</ul>

<div class="banner-slider">Default Text</div>

您可以使用此脚本：

$(document).ready(function(){
    $('.navigation li').on('click', function(e){
        $('.banner-slider').html($(e.target).html());
    })
});

选中demo。

jQuery - 单击按钮时添加字符串

2 个答案: