用于替换DOM中的文本的函数

时间:2016-01-25 01:30:56

标签: jquery

你好它正在工作,但代码很奇怪...真的很抱歉这个新手代码。

http://www.direction-code.pl/nowosci.html

$(document).ready(function(){
  $(".leftdata li").click(function() {
  if($(this).is('.leftdata li:nth-child(1)')) {
    $(".textingc span").hide().fadeIn('slow').html("Update #1 25.01.2016 2:57.");
    $(".textingc p").hide().fadeIn('slow').html("Co jeszcze będzie nowego w następnym update?");
    $(".textingc li:nth-child(1)").hide().fadeIn('slow').html("Zmiana całego layoutu.");
    $(".textingc li:nth-child(2)").hide().fadeIn('slow').html("Dodanie interaktywnej nawigacji.");
    $(".textingc li:nth-child(3)").hide().fadeIn('slow').html("Dodanie interaktywnego paska z boku.");
    $(".textingc li:nth-child(4)").hide().fadeIn('slow').html("Dodanie zakładek na wieści o updatach.");
    $(".textingc li:nth-child(5)").hide().fadeIn('slow').html("Linkująca nawigacja i pasek z boku.");
    $(".textingc li:nth-child(6)").hide().fadeIn('slow').html("Możliwość przechodzenia między zakładki update.");
    $(".textingc li:nth-child(7)").hide().fadeIn('slow').html("Możliwość przechodzenia między zakładki update.");
    $(".textingc li:nth-child(8)").hide().fadeIn('slow').html("Stworzenie podstrony kontakt.");
    $(".textingc li:nth-child(8)").hide().fadeIn('slow').html("Dodanie paru animacji.");
    $(".textingc img").hide().fadeIn('slow');
  } else {
    if($(this).is('.leftdata li:nth-child(2)')) {
      $(".textingc span").hide().fadeIn('slow').html("Update #2");
      $(".textingc p").html("test");
      $(".textingc li:nth-child(1)").html("test");
      $(".textingc li:nth-child(2)").html("tsrrest");
      $(".textingc li:nth-child(3)").html("tessst");
      $(".textingc li:nth-child(4)").html("tessst");
      $(".textingc li:nth-child(5)").html("tessst");
      $(".textingc li:nth-child(6)").html("tessst");
  } else {
    return false;
  }
  }


}); // koniec click


}); //

我确信这应该是更好的方式......

1 个答案:

答案 0 :(得分:0)

如果你想点击li:index = 0的li,那么更新段落,这里是带有工作jsfiddle的代码。我可能正在考虑你想要的错误,如果是这样,我很抱歉。

这里有一个工作小提琴:https://jsfiddle.net/unix102/4k8yuf8k/7/

<div class="textingc">

W tym miejsckkk

Nowości
<ul>
  <li>Dodanka strona nowości.</li>
  <li>Dodakkne tło</li>
  <li>Dodanykk naglowek</li>
</ul>
Co planuję ?
<ul>
  <li>Stworzenie kolejnych podstron</li>
  <li>Lepsze tło</li>
  <li>Wykonanie interaktywnej nawigacji</li>
</ul>
Ostatni wpis 3:38 Niedziela. Pozdrawiam. Działa tylko jedno zmienianie tła.

$("li").click(function() {


var $li = $(this);
  var isFirstLiItem = $li.index() == 0 ? true : false;

  if(isFirstLiItem){
    $(".textingc").find("p").text($li.html());

  } else {
    return false;
  }

});