小编olo*_*olo的帖子

我知道jQuery很容易获得价值,但我怎样才能使用Javascript来获取价值？

这就是我做的

<input type="text" class="num" /> <a href="#" onclick="alert(document.getElementsByClassName('num').value);"> click </a>

​

感谢帮助

这是我的代码

<li class="page_item "><a href="javascript:">A</a>
<ul class="children">
    <li class="page_item"><a href="">1</a></li>
    <li class="page_item"><a href="">2</a></li>
</ul>
</li>
<li class="page_item "><a href="">B</a>
<ul class="children">
    <li class="page_item"><a href="">1</a></li>
    <li class="page_item"><a href="">2</a></li>
    <li class="page_item"><a href="">3</a></li>
    <li class="page_item"><a href="">4</a></li>
</ul>
</li>

<li class="page_item "><a href="">C</a>
<ul class="children">
    <li class="page_item"><a href="">1</a></li>
    <li class="page_item"><a href="">2</a></li>
    <li class="page_item"><a href="">3</a></li>
    <li class="page_item"><a href="">4</a></li>
</ul>
</li>

$('.page_item').click(function(){

    $('ul.children').slideToggle();
 });
ul.children{
  display: none;
}

在线样本

当我点击A部分,当我点击B时打开A部分的孩子时,我怎么能这样做,只显示B的.没有打开整个部分打开.谢谢

<li class="page_item"><a href="javascript:">A</a>
<ul class="children">
    <li class="page_item"><a href="">1</a></li>
    <li class="page_item"><a href="">2</a></li>
</ul>
</li>
<li class="page_item "><a href="">B</a>
<ul class="children">
    <li class="page_item"><a href="">1</a></li>
    <li class="page_item"><a href="">2</a></li>
    <li class="page_item"><a href="">3</a></li>
    <li class="page_item"><a href="">4</a></li>
</ul>
</li>

<li class="page_item "><a href="">C</a>
<ul class="children">
    <li class="page_item"><a href="">1</a></li>
    <li class="page_item"><a href="">2</a></li>
    <li class="page_item"><a href="">3</a></li>
    <li class="page_item"><a href="">4</a></li>
</ul>

我怎么只改变所有的attr <li class="page_item"><a href="javascript:"></a>而不是ul.children.

$('li.page_item a').not("ul.children").attr("href", "http://google.com");

不工作 谢谢

我怎么能逃避斜线 /

$('<script type="text/javascript" />').prependTo("head");

结果是

<script type="text/javascript">

但我需要它

<script type="text/javascript" />

我知道我可以添加,</script>但我想知道是否有办法逃避/ 谢谢.

我有一个字符串,15.Prototypal-Inheritance-and-Refactoring-the-Slider.txt我想让它看起来像15.Prototypal...-Slider.txt

该length文的是56,我怎么能保持第一12个字母和10个最后一个字母(incuding标点符号),并更换他人...

我真的不知道如何开始代码,我做了类似的事情

var str="15.Prototypal-Inheritance-and-Refactoring-the-Slider.txt";
str.split("// ",1);

虽然这给了我我需要的东西,但我如何得到基于字母而不是单词的结果.

#mydiv{
    //csscode....
    ul{
    //csscode....
         li{
         //csscode....
            a{
            //csscode....
                &:hover{
                    //csscode....

                    (HOW TO ADD a CLASS OUTSIDE #mydiv)
                }
            }
         }
    }

}

我想只为ie8添加一个类.好像

.it-ie8 #mydiv ul li a:hover{}

我应该像上面那样写,或者我可以在里面添加一些东西

&:hover{
 (HOW TO ADD a CLASS OUTSIDE #mydiv)
}

我正在检查每个复选框状态(总共2个元素).

var checked = [];
document.querySelectorAll('.checkbox').forEach(function(e,i){
 checked.push(e.checked)
})

现在检查的价值可能是

(2) [true, true]

要么

(2) [true, false]

要么

(2) [false, true]

要么

(2) [false, false]

我现在用一点手工方式检查它

if(checked[0] && check[1]) { ... }

如果我有更多元素,我必须手动添加它们

 if(checked[0] && check[1] && check[2]) { ... }

我正在寻找一种更好的方法来优化我的代码,所以我不需要手动添加数组值来进行比较.谢谢

如果ol格式如下所示,很容易得到正确的计数

 <ol>
  <li>item</li> 
  <li>item             
    <ol>
      <li>item</li>     
      <li>item</li>    
      <li>item          
    </ol>
  </li>
  <li>item</li>        
  <li>item</li>      
  <li>item
     <ol>
      <li>item</li>      
      <li>item</li>      
      <li>item         
    </ol>
   </li>        
  <li>item</li>       
</ol>

但是,如果我想把ul放在ol里面,我就无法正常工作

  <ol>
  <li>item</li> 
  <li>item             
    <ul>
      <li>item</li>     
      <li>item</li>    
      <li>item          
    </ul>
  </li>
  <li>item</li>        
  <li>item</li>      
  <li>item
     <ul>
      <li>item</li>      
      <li>item</li>      
      <li>item         
    </ul>
   </li>        
  <li>item</li>       
</ol>

http://jsfiddle.net/jaxymnh8/

有没有办法避免计算ul？

我是反应灵的新手.将父值传递给子的正确方法是什么setState,我在下面有错误,我无法更改输入值,该值看起来正确但无法更改.

"正在改变类型的文本的不受控制的输入被控制.输入元件不应该从不受控制的切换到控制(或反之亦然).使用受控的或不受控制的输入元件,用于所述部件的寿命之间决定"

export default class parent extends React.Component {
    constructor (props) {
        super(props);
        this.state = {
            title: ''
        }
    }

    updateFun(){
        this.setState({title: 'Parents title'});
    }

    render() {
        return (
            <div>
            <button onClick={() => this.updateFun()}> Update </button>
            <Child title = {this.state.title}/>
            </div>
        )
    }
}


export default class Child extends React.Component {
    constructor (props) {
        super(props);
        this.state = {
            title: ''
        }
    }

    render() {
        return (
            <div>
            <input 
                id="title" 
                type="text"
                value={this.props.title}
                />
            </div>
        )
    }
}

之间存在很大的差距box3, box1，box4, box6如何消除差距？那么每个都box可以有动态高度？

.wrap {
  display: flex;
  align-items: baseline;
  align-content:flex-start;
  justify-content: space-between;
  flex-wrap: wrap; 
  background-color: lightblue;
}

.box {
  display: flex;
  background-color: tomato;
  box-sizing: border-box;
  border: 1px solid #C4C4C4;
  height: 100px;
  width: 45%;
  margin-top: 15px;
}

.box1, .box4 {
  height: 20px;
}

  <div class="wrap">
    <div class="box box1">box1</div>
    <div class="box box2">box2</div>
    <div class="box box3">box3</div>
    <div class="box box4">box4</div>
    <div class="box box5">box5</div>
    <div class="box box6">box6</div>
  </div>

这是所需的布局。谢谢