从多个类中删除了一个

时间:2016-04-22 02:33:18

标签: javascript jquery html css button

是否可以从多个类和ID中使用removeAttr?我找不到任何东西。

像这样的人不会工作Rails.application.configure do # Settings specified here will take precedence over those in config/application.rb. # Read from yml file config.before_configuration do env_file = File.join(Rails.root, 'config', 'local_env.yml') YAML.load(File.open(env_file)).each do |key, value| ENV[key.to_s] = value end if File.exists?(env_file) end # Code is not reloaded between requests. config.cache_classes = true # Eager load code on boot. This eager loads most of Rails and # your application in memory, allowing both threaded web servers # and those relying on copy on write to perform better. # Rake tasks automatically ignore this option for performance. config.eager_load = true # Full error reports are disabled and caching is turned on. config.consider_all_requests_local = false config.action_controller.perform_caching = true # Enable Rack::Cache to put a simple HTTP cache in front of your application # Add `rack-cache` to your Gemfile before enabling this. # For large-scale production use, consider using a caching reverse proxy like # NGINX, varnish or squid. # config.action_dispatch.rack_cache = true # Disable serving static files from the `/public` folder by default since # Apache or NGINX already handles this. config.serve_static_files = ENV['RAILS_SERVE_STATIC_FILES'].present? # Compress JavaScripts and CSS. config.assets.js_compressor = :uglifier # config.assets.css_compressor = :sass # Do not fallback to assets pipeline if a precompiled asset is missed. config.assets.compile = true # Asset digests allow you to set far-future HTTP expiration dates on all assets, # yet still be able to expire them through the digest params. config.assets.digest = true # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb # Specifies the header that your server uses for sending files. # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies. # config.force_ssl = true # Use the lowest log level to ensure availability of diagnostic information # when problems arise. config.log_level = :debug # Prepend all log lines with the following tags. # config.log_tags = [ :subdomain, :uuid ] # Use a different logger for distributed setups. # config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new) # Use a different cache store in production. # config.cache_store = :mem_cache_store # Enable serving of images, stylesheets, and JavaScripts from an asset server. # config.action_controller.asset_host = 'http://assets.example.com' ENV["AWS_ASSET_DIRECTORY"] = 'website-assets-staging' config.action_controller.asset_host = "//#{ENV["AWS_ASSET_DIRECTORY"]}.s3.amazonaws.com" # Ignore bad email addresses and do not raise email delivery errors. # Set this to true and configure the email server for immediate delivery to raise delivery errors. # config.action_mailer.raise_delivery_errors = false # Enable locale fallbacks for I18n (makes lookups for any locale fall back to # the I18n.default_locale when a translation cannot be found). config.i18n.fallbacks = true # Send deprecation notices to registered listeners. config.active_support.deprecation = :notify # Use default logging formatter so that PID and timestamp are not suppressed. config.log_formatter = ::Logger::Formatter.new # Do not dump schema after migrations. config.active_record.dump_schema_after_migration = false config.action_mailer.default_url_options = {:host => "staging.website.com.au"} config.action_mailer.delivery_method = :smtp end 也不是这个

$('.one.two.six.eleven#box').removeAttr("style");

我无法在多个类和id上使用removeAttr而不是彼此的孩子:)。

我也设法将css()添加到窗口中的许多自由类中,并且每个都有自己的参数,但是有一些绑定可以处理所有这些。

在小提琴中,我有一些基本的可行,但它对我来说太长了太多行。看起来很糟糕。

谢谢大家的答案。

我让JSfiddle显示我制作的混乱,但想要做'干''和' LIM'。

fiddle to fork on...

新编辑解释

$(".one.two.three#smth.seven").css("transition", "3s");

如何在2行中制作

4 个答案:

答案 0 :(得分:1)

$(".one.two.three#smth.seven")表示您正在选择一,二,三等所有对象。(我甚至不认为三个#smth会起作用)。

例如

<div class="one two three">

将选择$(".one.two.three")

如果您想要来自多个选择器的对象联合,您可以用逗号分隔它们:

$(".one, .two, .three, #smth, .seven")

这应该返回所有.one或.two或.three或#smth或.seven

的对象

即。 <div class="one"></div><div class="two"></div><div class="three"></div>将全部被选中。

答案 1 :(得分:0)

尝试这个,

&#13;
&#13;
$('button').on('click',function(){
	$('.one,.three,.five').removeAttr('class');
  $('#two,#four').removeAttr('id');
});
&#13;
li{
  color: green;
}
.one{
  color:red;
}
#two{
  color:blue;
}
.three{
  color:purple;
}
#four{
  color:yellow;
}
.five{
  color:black;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>click me</button>
<ul>
  <li class="one">1</li>
  <li id="two">2</li>
  <li class="three">3</li>
  <li id="four">4</li>
  <li class="five">5</li>
</ul>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

如果可以为所有这些元素添加一个公共类,则可以使用该类删除属性。

例如 -

HTML

<div class="position right"></div>
<div class="position left"></div>
<div class="position hello"></div>
<div id="car" class="position"></div>

解决方案

$('.position').removeAttr('style')

答案 3 :(得分:0)

&#13;
&#13;
$(document).ready(function() {
  $("#buttonella").click(function() {
    $('.right').addClass('right-toggle');
    $('.right1').addClass('right1-toggle');
    $('#box').addClass('box-toggle');
  });
  $("#buttonella2").click(function() {
    $('#box').removeClass("box-toggle");
    $('.freebox').removeClass();
    $(".left").css("background", "pink");
    $('.right').removeClass('right-toggle');
  });
})
&#13;
:root {
  padding: 20px;
}

[class] {
  margin-left: 10px;
  margin-top: 50px;
}

#buttonella {
  color: blue;
  font-size: 30px;
  float: left;
}

#buttonella2 {
  color: blue;
  font-size: 30px;
  float: right;
}

.box-toggle {
   background: red;
   width: 300px;
   margin: 0px;
   font-size: 20px;
   display: block;
}

.right-toggle, .right1-toggle {
   background: green;
   width: 200px;
   font-size: 30px;
   display: block;
}

.freebox {
  background: red;
  width: 400px;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="buttonella">click</div>
<div id="buttonella2">unclick</div>
<div id="box">boxboxboxbxo bxoxboxbox

  <div class="right">right rith ehiteh hereee

  </div>
  <div class="left">left left left here

  </div>
  <div class="right1">right1 class is here
  </div>
</div>
<div class="freebox">freebox class is here

</div>
&#13;
&#13;
&#13;