小编Pie*_*VDE的帖子

有没有一种简单的方法可以根据属性值在列表中查找对象,而无需在列表上循环？

例如,给出如下列表:

var lst = [
  {
    name: "foo", 
    value: "fooValue"
  }, 
  {
    name: "bar", 
    value: "barValue"
  }
];

是否有某种" find"方法,这样lst.find("name", "foo")会返回具有" name"属性值为" foo"的对象？

我写了一些css来翻转图像.它工作正常,但我想将其转换为函数,以便我可以在onclick事件中调用该函数.

到目前为止我的演示可以在这里找到:http://jsfiddle.net/Spokey/ggUue/1/

这是图像的HTML:

<div class="f1_container">
    <div class="shadow f1_card">
        <div class="front face">
            <img src="http://media-cdn.tripadvisor.com/media/photo-s/03/48/0b/14/dolphin-view-chalets.jpg" style="height: 281px; width: 450px;" />
        </div>
        <div class="back face center">Some text inside here</div>
    </div>
</div>

这是CSS:

.f1_container {
    position: relative;
    margin:10px;
    width: 450px;
    height: 281px;
    z-index : 1;
    float:left;
}
.f1_container {
    -webkit-perspective: 1000;
    perspective: 1000;
}
.f1_card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 1.0s linear;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}
.f1_container:hover .f1_card {
    -webkit-transform: rotateY(180deg);
    transform: …

我想使用 DOM api 从以下 XML 文档中删除包装器

<hs:PageWrapper>
    <div id="botton1"/>
    <div id="botton2"/>
</hs:PageWrapper>

这样我只会将这些作为最终输出：

<div id="botton1"/>
<div id="botton2"/>

我怎样才能在Java中做到这一点？

正如问题标题所示,我想每隔x行更改一个表中的行颜色.不是每一行,而是每一行x行.

只是为了解释,这是改变每两行时的样子:JSFiddle

HTML只是一个常规表,如下所示:

<table>
    ...
    <tr>
        <td>content</td>
        <td>more content</td>
    </tr>
    ...
</table>

在示例中,我使用了tr应该标记的类的类,但我想要一种更通用的方式,可能使用nth-child选择器或类似的方式.

有没有人知道一个简单的方法,可能有不同数量的改变行(例如每2行,3行,4行......)？如上所述,我想避免添加类名,因为表可能是动态生成的,因此我很可能无法更改该代码.

我正在制作一个自定义汉堡包菜单动画,其中汉堡包菜单在点击时转换为两个形状:一个面向右边的三角形和一个右边的V形符号.

我现在仍然有一些问题可以使动画变得平滑; 我正在使用border-color来实现我想要的效果,但是双击(='反向'动画)并不像起始动画那样平滑.

我正在使用Codepen,所以你可以在这里查看代码:Codepen示例

该HTML是非常基本的:

<div class="button">
  <div class="one"></div>
  <div class="two"></div>
  <div class="three"></div>
</div>

(S)CSS:

body {
  background-color: #252626;
}
div {
  width: 200px;
  margin: 100px;
  div {
    height: 50px;
    margin: 30px 0;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    transition: all .3s ease-in-out;
  }
}
.one, .three {
  background-color: #DFBA68;
  height: 12px;
}

.one-clicked, .three-clicked {
  position: relative;
  left: 50px;
  border-radius: 12px;
}

.one-clicked {
  transform: rotate(33deg) scale(.93, 1);
  top: 90px;
} …