小编Hai*_*ien的帖子

如何为某种元素的第一个孩子设计风格?

例如,我有像:

<div class='page'>
    <span>2</span>
    <span>2</span>
    <a>1</a>
    <a>6</a>
</div>
Run Code Online (Sandbox Code Playgroud)

我怎样才能为第一个孩子设计一个

我用过这样的: .page a:first-child {color:red}

但它没有运行.

html css css-selectors css3

17
推荐指数
2
解决办法
1120
查看次数

使用Reactjs获取滚动位置

我使用reactjs并希望处理click事件滚动.

首先,我用以下内容列出了帖子componentDidMount.

其次,通过click event列表中的每个帖子,它将显示帖子详细信息并滚动到顶部(因为我将帖子详细信息放到页面的顶部位置).

第三,通过点击"close button"帖子详细信息,它将返回上一个帖子列表,但我希望网站将滚动到确切点击帖子的位置.

我用这样的:

点击事件查看帖子详细信息:

inSingle = (post, e) => {
   this.setState({
        post: post,
        theposition: //How to get it here?
   });
   window.scrollTo(0, 0);
}
Run Code Online (Sandbox Code Playgroud)

我想获得状态theposition然后我可以完全滚动到点击帖子的位置'Close event'.

非常感谢.

javascript reactjs

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

为什么Jquery只影响第一个div元素?

我正在使用"替换"功能删除div中的所有非数字值.

似乎Jquery替换只影响第一个元素.

这是我的Jquery:

$('#comment').each(function() {
    var thz = $(this);
    var repl = thz.html(thz.html().replace(/\D+/g, ''));
});
Run Code Online (Sandbox Code Playgroud)

HTML代码:

<a id="comment1" href="#"> c2f?f011. </a>
<a id="comment1" href="#"> c20ff113. </a>
<a id="comment1" href="#"> c201gf76341. </a>
Run Code Online (Sandbox Code Playgroud)

结果:

2011 c20ff113.c201gf76341.

我想要的结果是:

2011 20113 20176341

html javascript jquery

10
推荐指数
3
解决办法
3433
查看次数

如何查看css中存在的类?

.hello在css 上课:

<style>
    .hello { color:#ccc }
</style>
Run Code Online (Sandbox Code Playgroud)

如何使用Jquery检查类是否.hello存在样式?
当然,即使在<link href='style.css' />文档中也需要检查所有样式.

javascript css jquery

10
推荐指数
1
解决办法
1333
查看次数

当我在模板文字中使用 .map 时,为什么我的输出中有逗号?

我里面有变量和循环,如下所示:

\n
var htmlmask = `\n<table>\n    <tr>\n        <td>\xe7\xa8\xae\xe9\xa1\x9e</td>\n        <td>\n            <div class="form-element maskselectop">\n                <select class="form-element">\n                    ${masktypes.map((masktype, i)=>{\n                        let option = \'\';\n                        return option = `<option value="${masktype}" ${(i === 0) ? \'selected\' : \'\'}>${masktype}</option>`;\n                    })}\n                </select>\n            </div>\n        </td>\n    </tr>\n  </table>`;\n\n$(\'body\').html(htmlmask);\n
Run Code Online (Sandbox Code Playgroud)\n

你能告诉我为什么return 后comma会出现 Between吗?option

\n

在此输入图像描述

\n

我的语法有什么问题吗?

\n

javascript

6
推荐指数
2
解决办法
969
查看次数

如何用css使高度等于宽度

如何用css使高度等于宽度.

我有这样的HTML:

<div style="width:900px;height:200px;">
<a style="display:block; float:left; width:35%; background:green"></a>
</div>
Run Code Online (Sandbox Code Playgroud)

现在,我想使a元素的高度等于宽度(35%).我怎样才能做到这一点?谢谢你的帮助.

html javascript

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

Javascript:将文字附加到div?

我想用javascript将时钟附加到div的内部.这是我的代码:

<script type="text/javascript">
//<![CDATA[
function makeArray() {
for (i = 0; i<makeArray.arguments.length; i++)
this[i + 1] = makeArray.arguments[i];
}

var months = new makeArray('January','February','March','April','May',
'June','July','August','September','October','November','December');
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;

var timer = document.write(months[month]+ " " +day + ", " + year);
document.getElementById('time').appendChild(timer);
//]]></script>

<div id='time'></div>
Run Code Online (Sandbox Code Playgroud)

但它不起作用.帮我修理它.谢谢.

html javascript

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

如何使用Jquery检查列表中的确切文本?

我列出了一个:

<div class='label'>
   <a>Menu</a>
   <a>Menu Food</a>
   <a>Menu Drink</a>
   <a>Cheese</a>
 </div>
 <div class="mytext">
   this text need hide.
 </div>
Run Code Online (Sandbox Code Playgroud)

我如何检查a上面的列表有确切的文字="菜单".

我使用过这个脚本,但它不起作用:

 $('.label a').filter(function(){
  if($.trim($(this).text()) == "Menu"){
       $('.mytext').show();
  } 
   else {
     $('.mytext').hide();
     }
});
Run Code Online (Sandbox Code Playgroud)

我也不能for loop在里面使用和使用条件.

非常感谢你.

html jquery

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

从Instagram获取大型缩略图照片不再使用"替换"

很长一段时间我使用这个"替换功能"通过Instagram API获取缩略图,它运行良好,但现在他们改变了一些事情,我不再用这种方式使用更大的缩略图.

src="<?= str_replace('s150x150/', 's320x320/', $post->images->thumbnail->url) ?>">
Run Code Online (Sandbox Code Playgroud)

默认缩略图,它运作良好. https://scontent.cdninstagram.com/vp/94387bd7b8a247f3f4039f8789772142/5AEE2A9E/t51.2885-15/s150x150/e35/c0.135.1080.1080/26335890_2247807142112483_5882778660510892032_n.jpg

但是将缩略图大小替换为更大,它会显示一个消息:无效的URL签名.

https://scontent.cdninstagram.com/vp/94387bd7b8a247f3f4039f8789772142/5AEE2A9E/t51.2885-15/s320x320/e35/c0.135.1080.1080/26335890_2247807142112483_5882778660510892032_n.jpg

任何人都可以帮助获得更大的Instagram缩略图.他们改变了API,我对Facebook感到厌倦,他们在与FB同步后做了很多改动,每次都这样,开发人员必须更新,没有说明.

php facebook instagram instagram-api

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

使用 React Router 保留侧边栏

我想切换DetailBlog但仍保留Sidebar. 我使用下面的代码,但它不起作用。你能帮我改正吗?非常感谢。

const routes = (
        <Switch component={App}>
                <Route exact key="detailpost" path={CelestialSettings.path + 'posts/:slug'} 
                        components={{main: Detail, sidebar: Popular, mainbottom: Categories}} />) } 
                        />
                <Route exact key="listpost" path={CelestialSettings.path} 
                    components={{feature:Featurex, main: Blog, sidebar: Popular, mainbottom: Categories}} />) } 
                    />
        </Switch>
 );

 class App extends React.Component {
    render () {
        const {feature, main, sidebar, mainbottom } = this.props;
        return (
            <div>
                <div className="container">
                    <div className="main-feature" id="main-feature">
                        {feature}
                    </div>
                </div>
                <div id="content" className="site-content">
                    <div className="container">
                        <div className="divcontainer">
                            <div …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router react-router-v4

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