标签: addclass

我想知道怎么做这样的事情.

我有这样的事情:

<ul>
   <li><a href="1.html">first item</a></li>
   <li><a href="2.html">second item</a></li>
   <li><a href="3.html">third item</a></li>
   <li><a href="4.html">fourth item</a></li>
</ul>

我需要addClass来悬停一个元素,这很容易我这样做:

$("li a").hover(
    function () {
        $(this).addClass("show");
    },
    function () {
        $(this).removeClass("show");
    }
);

但是,我还需要将addClass添加到每个下一个li元素.

所以,当例如第一立一个 eleemnt悬停类show2将被添加到立一个第二立一个元件的.

这该怎么做？

我是Javascript的新手,我遇到了一个烦人的问题.

我有一个包含列表的列表.我有一个脚本,可以在单击时将列表设置为可见/不可见.但是,一旦按下它,我就不会切换/添加一个类到链接.

我的列表看起来像这样

<ul>
    <li><a href="#" onclick="toggle('item1');">Click something</a>
    <ul id="item1" style="display: none;">
        <li>Something ...</li>
        <li>Something something</li>
    </ul></li>
    <li><a href="#" onclick="toggle('item2');">Click something else</a>
    <ul id="item2" style="display: none;">
        <li>Something more...</li>
        <li>Something something less?</li>
    </ul></li>
</ul>

我的脚本看起来像这样:

<script type="text/javascript">
    function toggle(id) {
        var v = document.getElementById(id);

        if (v.style.display == '') {
            v.style.display = 'none';
            v.removeClass("selected");
        } else {
            v.style.display = '';
            v.addClass("selected");
        }
    }
</script>

列表显示和隐藏它应该,但不添加或删除类.

CSS是这样的:

a:link {
    color: #000000;
    text-decoration: none;
}

a:hover, a.selected {
    color: #005b97;
    text-decoration: none;
    padding-left: 2px; …

如何将h1中的文本转换为带连字符的字符串并使其成为正文中的新类？到目前为止,这就是我所拥有的一切:

var newClass = $('h1').val().replace(/ /g, '-');
$("body").addClass(newClass);

小提琴

脚本工作,正确创建所有内容等,但jquery addClass方法不添加类.我是javascript函数中使用jquery方法的新手,我们非常感谢任何帮助,包括在不使用jquery的情况下添加相应类的替代方法.

function thumbnail(Img, Element, Modal, ModalTitle) {
"use strict";
/*jslint browser:true*/
/*global $, jQuery*/
//this function will append an anchor tag with the appropriate functionality, accepting inputs on the image filename, attaching element, and modal
//Img = full filename in format of foo.png
//Element = the ID of the element within which the thumbnail anchor will be placed
//Modal = the ID of the modal
//ModalTitle = Text used for title of the modal and title of the caption …

$('#closecallout').click(function() {
    $('.callout').animate({"right" : "-260px"}, 500).addClass('calloutclosed');
});
$('.calloutclosed').hover(function() {
    $(this).animate({"right" : "0px"}, 500);
}, function() {
    $(this).animate({"right" : "-260px"}, 500);
});

点击功能用于"隐藏"标注框,然后,当悬停时,它将移回焦点.

为什么悬停功能不起作用？是因为这些都在一个jQuery(function($){ });？

我应该采取什么措施来纠正这个问题？

http://jsfiddle.net/R5Dmu/

非常感谢SO

我有一点问题.尝试更改样式/添加样式时,我不断收到以下错误:

Object Gold has no method 'addClass'

这是我的.js文件中的代码:

 function GetSelectedCoverLevel(id) {


        SelectedLevel = $(id).attr('id');
        SelectedLevel.addClass("selectedboo");

 }

这是我的HTML文件:

<a href="javascript:void(0)" onclick="GetSelectedCoverLevel(this);" id="Gold"  class="btn green">

它可能很简单但我现在看不到它.

我有一个脚本,body从一个名为的目录中为我的文档元素选择一个随机背景图像bg-images.如果所选背景图像在图像文件名中有"_dark",我想在body元素中添加一个特殊类.

这是我正在使用的jQuery.它在Chrome和Safari中运行良好,但在Firefox中无效:

    var backgroundImage = $('body').css('background');
    var isitdark = "_dark";

    if (backgroundImage.indexOf( isitdark ) != -1 ) {
        $('body').addClass("dark");
    } else {
        $('body').removeClass("dark");
    }

为什么在Firefox中没有做任何事情？有没有更好的写作方式？

我已经尝试添加"type=text/javascript"到我的所有脚本标签,但这似乎没有帮助,我的网站上的其余jQuery在所有浏览器中都能正常工作.

有没有一种方法可以添加从页面上的所有DIV中删除相同的类 - 除了我当前所在的(点击)？

背景:我页面上的所有DIV都有"可编辑"类,单击该对话框可使相应的div可编辑,并为其显示内联编辑器.当有人正在编辑div时,我想阻止所有其他div在此页面上进行编辑,以避免同时打开多个编辑器.

谁能帮我这个 ？蒂姆,谢谢.

当我向下滚动时,通过添加类(.fix)来修复我的导航.它具有以下结构:

<div class="navigation-holder fix">
    <div>
        <nav id="navigation">
            <ul id="main-nav">
                <li class="menu-item-93" />
                <li class="menu-item-95" />
                <li class="menu-item-94" />
                <li class="menu-item-96" />
                <li class="menu-item-97" />
                <li class="menu-item-98" />
            </ul>
        </nav>
    </div>
</div>

li元素在活动时自动获得类(.act).

这是固定导航的代码.

$("document").ready(function (jQuery) {
    var nav = $('.navigation-holder');
    $(window).scroll(function () {
        if ($(this).scrollTop() > 125) {
            nav.addClass("fix");
        } else {
            nav.removeClass("fix");
        }
    });
    if ($(".menu-item-95").hasClass("act")) {
        $(".fix").addClass("darkmenu")
    };
});

如果li(95,96,98)有类(.act),我正在尝试将另一个类(.darkmenu)添加到div(.fix),但它不起作用......

我正在尝试将类'animated fadeInDown'添加到h1的子节点中,这样字母就会从顶部单独淡入而不是一次性完成.我之所以不能手动输入这些类是因为我是使用lettering.js,当doc加载时,它会将"lorem ips"分解为其成分.

<h1 id = "letters">
  <span class="char1">l</span>
  <span class="char2">o</span>
  <span class="char3">r</span>
  <span class="char4">e</span>
  <span class="char5">m</span>
  <span class="char6"> </span>
  <span class="char7">i</span>
  <span class="char8">p</span>
  <span class="char9">s</span>
</h1>

我的jQuery:

$(document).ready(function() {
  $("#letters").children().addClass('animated fadeInDown');
});

事实上,理想情况下,我只希望前5个应用该类而不是所有类.