小编Jai*_*son的帖子

寻找使用javascript对项目进行分组的第一个和最后一个类

我的要求与获取第一个和最后一个方法的传统方法略有不同,所以我要求专家帮助.

我将用代码示例解释

我的代码结构是

<div class="wrap">
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

当我使用如下所示的jquery方法时

$('div.group-a:first').addClass('first');
$('div.group-a:last').addClass('last');
Run Code Online (Sandbox Code Playgroud)

结果就像

<div class="wrap">
<div class="group-a first"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a last"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

但我希望结果应该像下面的每个组的第一个和最后一个类.

<div class="wrap">
<div class="group-a first"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a last"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-a first"></div>
<div class="group-a"></div>
<div …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

10
推荐指数
2
解决办法
587
查看次数

如何使用 window.print 在打印预览中设置默认选中/启用的背景图形选项

我想通过使用 javascript 或 CSS 在打印预览窗口中默认检查背景图形选项吗?

在此处输入图片说明

谢谢你。

javascript css windows asp.net

7
推荐指数
1
解决办法
2798
查看次数

使用箭头函数将参数传递给回调函数

我知道这是ES5的一个重复问题,但是我正在寻找ES6箭头功能的语法。我的代码如下。

fetchItems = (callback) => {
    //After ajax success
    callback(response);
}

const myParams = {name:"John"}
this.fetchItems((res) => {
    console.log(res.data);
});
Run Code Online (Sandbox Code Playgroud)

对于上述情况,我想将一些参数(myParams)与函数调用一起传递并进入函数,如何归档该文件,请帮忙。

javascript ecmascript-6 arrow-functions

6
推荐指数
1
解决办法
1万
查看次数

使用 antd 隐藏表的列

我们如何从表格中隐藏一列以在前端显示,该列已存在于使用蚂蚁设计表的数组中?

例如,我的数组对象中有一个名为 ID 的列,但不需要在表视图中显示,它应该保存在 JSON 列表本身中以供参考。

小提琴链接- 在这个例子中,我不想在表中显示 ID 列,但我已经将 ID 用于某些参考,例如行删除。

antd

6
推荐指数
4
解决办法
1万
查看次数

使用反应引导模式时无法读取未定义的属性“标题”

我在我的项目中使用 react-bootstrap。使用 Modal 组件时出现如下错误。

在此处输入图片说明

模态组件:

<Modal  show={this.state.modalshow} onHide={close}  container={this} aria-labelledby="contained-modal-title">
   <Modal.Header closeButton>
     <Modal.Title id="contained-modal-title">Add User</Modal.Title>
   </Modal.Header>
Run Code Online (Sandbox Code Playgroud)

bootstrap-modal reactjs react-bootstrap

5
推荐指数
1
解决办法
4821
查看次数

需要制作垂直时间轴

我需要创建一个垂直的javascript时间轴,如下面的链接,现在用flash创建.有人可以给我一个参考插件吗?或者请建议我使用平面javascript或javascript框架.我对飞机javascript和jquery有点了解.

http://www.guardian.co.uk/world/interactive/2011/mar/22/middle-east-protest-interactive-timeline

我做了一些研究.但是没有得到任何好结果.

提前致谢.

javascript jquery timeline

4
推荐指数
1
解决办法
5149
查看次数

如何检查鼠标在元素上的某些时间

我们如何检查鼠标在一个元素上钻了几秒钟.

意味着只有当用户将鼠标按住元素上的最小秒数(例如:3秒)时才应执行该功能.

堆栈中发现了很多答案,但解决方案是延迟执行,但是我想检查鼠标是否有孔,如果是,执行其他功能则不做任何操作.

之前已经问过同样的问题,但还没有得到我正在寻找的答案

可能吗?

javascript jquery

4
推荐指数
2
解决办法
1102
查看次数

如何从 cdn js 导入预构建的组件?

我正在尝试使用名为ant design的库中的一些预内置反应组件。另外,我想通过 cdnjs 调用 react 和组件库(不想使用 webpack 或其他)。我怎么能做到呢?我的方法如下所示,它对我不起作用。

    <!DOCTYPE html>
    <html>
      <head>
        <title></title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/antd/3.1.6/antd.min.css" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/antd/3.1.6/antd.min.js"></script>
      </head>
      <body>
        <div id="root"></div>
        <script type="text/babel">
import Button from 'antd/lib/button';

class Greeting extends React.Component {
    render() {
        return (<p><Button type="primary">Primary</Button></p>);
    }
}
ReactDOM.render(
    <Greeting />,
    document.getElementById('root')
)
</script>
      </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

reactjs antd

4
推荐指数
1
解决办法
2740
查看次数

如何使用时间选择器禁用过去的时间

使用 ant 设计禁用今天的过去时间,例如小时、分钟、秒等。有没有比 minTime 等“disabledHours”更简单的解决方案?

<TimePicker format="h:mm:ss A" disabledHours={() => [1, 2, 3]} />
Run Code Online (Sandbox Code Playgroud)

antd

4
推荐指数
1
解决办法
4153
查看次数

我们如何定义每页的行数?

我们如何定义表格中每页的行数?如 10、25、50 等,因此我们可以根据用户的意愿在同一页面上设置多行。看起来像列一样,我们可以添加 pageRowCount={25 or 50 or all }

antd

2
推荐指数
1
解决办法
1524
查看次数