jquery - この行はプレーンな JavaScript でどのように書き直されますか?

Question

私は次のコードを持っています。少し操作したいと思いますが、プレーンな JavaScript で行う方が慣れていると感じます。

jQuery ->
  states = $('#person_state_id').html()
  console.log(states)
  $('#person_country_id').change ->
    country = $('#person_country_id :selected').text()
    options = $(states).filter("optgroup[label=#{country}]").html()
    console.log(options)
    if options
      $('#person_state_id').html(options)
    else
      $('#person_state_id').empty()

ありがとう！

Answer 1

さて、私にとって、「プレーンなJavaScript」という言葉で記述されたコードは、次のようになります。

var states = document.getElementById('person_state_id').cloneNode(true);
document.getElementById('person_country_id').onchange = function() {
    var country = this.value;
    var childs = states.childNodes;
    for (var i in childs) {
        if (childs[i].label == country) {
            var options = childs[i].innerHTML;
            document.getElementById('person_state_id').innerHTML = options ? options : "";
        }
    }
};​

ここで例を確認してください：http://jsfiddle.net/LmWqA/

Answer 2

jQuery(function() {
  var states;
  states = $('#person_state_id').html();
  console.log(states);
  return $('#person_country_id').change(function() {
    var country, options;
    country = $('#person_country_id :selected').text();
    options = $(states).filter("optgroup[label=" + country + "]").html();
    console.log(options);
    if (options) {
      return $('#person_state_id').html(options);
    } else {
      return $('#person_state_id').empty();
    }
  });
});

Answer 3

これは私がよく使う便利なJSからCoffeeへのコンバーターで、うまく機能します。

http://js2coffee.org/