小编lib*_*rza的帖子

我有候选人名单作为父母和候选人作为孩子。在候选列表上有一个 Select All 输入，因此我将函数绑定到它以设置状态，如果正在选择候选并将该状态传递给孩子。这一部分有效，但这些输入本身不可变，仅通过父 Select All 可以更改。

这是它的样子：

CandidateList 组件（父）：

class CandidateList extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      candidateList: null,
      candidateSelected: false
    }
  }

  onSelectCandidatesClick() {
    this.setState({
      candidateSelected: !this.state.candidateSelected
    });
  }

 render() {
    return (
      <div className="CandidateList">
        <div className="__selection">
          <input className="checkbox" type="checkbox" id="selectAll" onClick={() => this.onSelectCandidatesClick()}/>
          <label htmlFor="selectAll"><span id="__label">Select All</span></label>
        </div>
      </div>
    );
  }
}

候选组件（子）：

class Candidate extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      candidateSelected: false
    }
  }

  componentWillReceiveProps(nextProps) {
    this.setState({
      candidateSelected: nextProps.selectCandidate
    }); …

我现在尝试:

1. 从文本DONE获取号码
2. 将其设置为等于this值DONE
3. 获取的值获得最大的DONE

4.并将最大值parent背景设置为例如background: #000;

所以我的问题是我将如何获得之前计算出的MAX值的父级？

CODEPEN DEMO

$('.views').each(function(){
    valText = $(this).text();
    $(this).attr('value', valText);
});

var numbers = $(".views").map(function(){
    return parseFloat(this.getAttribute('value')) || -Infinity;
});

var calculate = Math.max.apply(Math, numbers);
$("#max").html(calculate);

<div><div class="views" >10</div></div>
<div><div class="views" >1</div></div>
<div><div class="views" >7</div></div>
<div><div class="views" >5</div></div>
<div><div class="views" >3</div></div>

最大值是:

<p>Max value is: <span id="max"></span></p>