如何使用 jQuery 到 select 由 css-loader 转换的 class 名称？

Question

我正在使用带有 css-loader 的 webpack。除了我不知道如何使用 jQuery 到 select 一个 css-loader 转换的 class 之外，一切都很好。转换后的 class 名称看起来像这样 "src-styleauthTextboxLeft1Npf4"，具有以下 css-loader 配置：

css?sourceMap&modules&importLoaders=1&localIdentName=[path][name]__[local]__[hash:base64:5]'

这是 React 代码

const Auth = (props) => {
  const toggle = (event) => {
    // Working example
    $('#container').css('background', 'blue');

    // Not working
    $(styleCSS.container).css('background', 'green');
  };
  return (
    <div id="container" className={styleCSS.container} onClick={toggle} />
  );
};

有没有办法使第二个 selection 起作用？

Answer 1

如果styleCSS.container是一个class，你只需要在它前面加上一个.。试试这个：

$('.' + styleCSS.container).css('background', 'green');

如何使用 jQuery 到 select 由 css-loader 转换的 class 名称？

How to use jQuery to select a class name that's transformed by css-loader?

javascript

css

jquery

webpack

css-loader