Jquery 函数替换DOM中的文本

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

---

我相信这应该是更好的方式…

如果您试图让它达到如果您单击li，即li:index=0，然后更新段落的位置，下面是使用工作JSFIDLE的代码。我可能想错了你想要什么，如果是的话，我道歉

这里有一把工作小提琴：

---

这个问题让人对你真正想要完成的事情有点困惑。我不明白。例如，您试图通过“.leftdata”任意位置选择的类名。您是否希望，当您在ul索引中的第一个列表项上进行clikc时，它更新段落标签中的文本。例如，当我点击这个按钮时，它应该会改变：w tym miejscu

=一些新的东西我想我知道你需要什么了。让我做一把小提琴。我没有用按钮，只是看到了那个信息。只需将单击事件更改为按钮标识符。我将更新if或you。我在另一个fiddle中添加了一个不同的函数。如果这是你需要的，请告诉我。单击该按钮，每次单击该按钮时，它都会获取所有前LI项，并将它们的文本附加到标记中。如果没有，你应该能够使用两个例子中的一个，来完成你所需要的。谢谢你的代码，我现在就睡觉，明天再测试。我必须理解这段代码，因为我只在jquery中编码了2天：（。

$(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


}); //

<div class="textingc">

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;
  }

});