2012-12-05 179 views
0

使用JQuery,是否可以將一個類的所有成員添加到另一個類?在此,我試圖將類ui-widget-content的所有成員添加到類draggable將一個類的所有成員添加到另一個類

http://jsfiddle.net/j8czR/

<!doctype html> 

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Draggable - Auto-scroll</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <style> 
    #draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; } 
    </style> 
    <script> 
    $(function() { 
     $(".draggable").draggable({ scroll: true }); 
    }); 
    </script> 
</head> 
<body> 

<div id="draggable" class="ui-widget-content"> 
    <p>Scroll set to true, default settings</p> 
</div> 

<div style="height: 5000px; width: 1px;"></div> 


</body> 
</html>​ 
+0

我不明白你的問題..類名沒有會員... –

+0

@KevinB通過「成員」,我的意思是「有內容一個特定的類屬性「 - 將具有特定類的HTML元素稱爲」類的成員「是不正確的? –

+0

也許吧,但它很混亂,因爲一個類可以引用與你指的完全不同的東西。 –

回答

3

可以使用.addClass()方法添加指定的類..

$('.ui-widget-content').addClass('draggable'); 

如果你想添加類到指定div的基於id的你c一個做這種方式

$("#draggable,#draggable2,#draggable3").addClass("draggable"); 

Check Fiddle

+0

令人困惑的是......他目前正在做的事情已經做到了。 –

+1

@KevinB ..是真的..但他似乎現在正在爲id添加..而他也想爲其他2做同樣的工作。 –

+0

我回答了我自己的問題,在這個答案前一秒鐘發佈。 :) –

相關問題