【问题标题】:select attribute with divs? [closed]选择带有 div 的属性? [关闭]
【发布时间】:2015-08-24 16:47:38
【问题描述】:

我想制作一些可以选择的 div。 (也多选)所以我在互联网上搜索了任何可能性,我发现了这个:

http://www.w3schools.com/tags/att_select_multiple.asp

在那里它可以选择多个元素,但它是一个选择,我想使用 div。此外,当我选择一个 div 时,它的背景会改变,这将是美妙的。

有结果吗?

【问题讨论】:

  • 切换某个类并将css应用于该类
  • 已经有很多插件和脚本可以做到这一点......让谷歌成为你的朋友
  • 我应该用谷歌搜索什么?
  • 所以你想要一个“自定义选择下拉菜单”?为什么不选择原生选择下拉菜单?

标签: javascript jquery css


【解决方案1】:

添加您的 divs 元素并对其应用 css,这是使用 jquery 的示例。

$('.child').on('click', function () {
    $(this).toggleClass('selected');
  });
.child {
  width: 100px;
  height: 30px;
  display: inline-block;
  border: 1px solid #eee;
  border-radius: 4px
  margin-right: 10px;
}

.child:hover {
  cursor: pointer;
}

.child.selected {
    background-color: crimson;
  
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="parent">
  <div class="child selected"></div>
  <div class="child"></div>
</div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-04-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-27
    • 2017-05-02
    • 1970-01-01
    相关资源
    最近更新 更多