小编Gou*_*rav的帖子

下面的代码来自React,动态更新DOM.我使用Facebook的教程做出了反应但却不了解整个代码,即代码的哪一部分执行的时间和方式如何触发代码中的其余部分.请帮助我理解代码.

var TodoList = React.createClass({
  render: function() {
    var createItem = function(itemText) {
      return <li>{itemText}</li>;
    };
    return <ul>{this.props.items.map(createItem)}</ul>;
  }
});

var TodoApp = React.createClass({
  getInitialState: function() {
   return {items: [], text: ''};
  },

  onChange: function(e) {
    this.setState({text: e.target.value});
  },

  handleSubmit: function(e) {
    e.preventDefault();
    var nextItems = this.state.items.concat([this.state.text]);
    var nextText = '';
    this.setState({items: nextItems, text: nextText});
  },

  render: function() {
    return (
      <div>
        <h3>TODO</h3>
        <TodoList items={this.state.items} />
        <form onSubmit={this.handleSubmit}>
          <input onChange={this.onChange} value={this.state.text} />
          <button>{'Add #' + (this.state.items.length + 1)}</button> …

<div class="main_div">
    <div id="inner_div">    
        <span id="d1" class="get_clicked">click to get id</span>
    </div>
</div>

如何获取被点击元素的id？inner_div中存在的span将具有不同的id,因为我将使用jquery ajax从模型(MVC)加载span.所以会有'n'个跨度.所有跨度都将具有唯一ID.我想得到我点击的跨度的id.

单击时如何获取跨度的id？如何使用jQuery做到这一点？

我有两个表,我想彼此相邻,但希望它们位于页面的中心.

我几乎做到了,我只有一个问题,如何将它们对齐在页面的中心.我的例子:

演示

我的HTML:

<table class="table_on_the_left">
    <tr><td>
        hello demo here 
        </td></tr></table>

<table class="table_on_the_right">
    <tr><td>
        hello demo here 2 
    </td></tr></table>

我的CSS:

table.table_on_the_left {
    position:center;
    float:left;
   }

  table.table_on_the_right {
    position:center;
    float:right;
  }

这是我的代码：FIDDLE

function ivideos() {
     $('#n1').html('hello');
     $('#n2').html('hello');
     $('#n3').html('hello');
     $('#n4').html('hello');
     $('#n5').html('hello');
}
ivideos();
alert("alert called");

我不知道为什么在我的函数完成之前调用警报。请帮我。