1

スパンのデフォルト値を選択したアイテムリストに置き換えたい。

<span id="selected-lang">Select your language</span>
<ol class="lang-list">
    <li data-value="en" class="active">
        <a><img src="en.gif" />English</a>
    </li>
    <li data-value="de">
        <a><img src="de.gif" />Deutsch</a>
    </li>
    <li data-value="fr">
        <a><img src="en.gif" />Francais</a>
    </li>
</ol>

jQueryを試しましたが、機能し.changeません。

$(".lang-list").change(function () {
  var str = "";
  $(".lang-list li.active").each(function () {
        str += $(this).text()+"";
      });
  $("#selected-lang").text(str);
})

これどうやってするの?
ありがとうございました!

4

1 に答える 1

2
$(".lang-list a").click(function () {
    $('ol.lang-list li').removeClass('active');
    $(this).parent().addClass('active');
    $("#selected-lang").text($(this).text());
})

jsFiddle の例

于 2013-02-23T20:42:11.817 に答える