Mam 2 divs o nazwie .nav-previous i .nav-next Chciałem zrobić, to mieć .nav-previous na pozycji .nav-next i .nav-next jest w pozycji .nav-previous.

Próbowałem tego:

var p=$(".nav-previous");
$(".nav-previous") =$(".nav-next");
$(".nav-next")=p;

I to:

var p=$(".nav-previous");
$(".nav-next").clone().appendTo(".nav-previous").html();
p.clone().appendTo(".nav-next").html();

Oto mój kod HTML:

<nav class="navigation posts-navigation" role="navigation">
   <h2 class="screen-reader-text">Navigazione articoli</h2>
   <div class="nav-links">
      <div class="nav-previous"><a href="linktopreviouspage.com" >Articoli meno recenti</a></div>
      <div class="nav-next"><a href="linktonextpage.com" >Articoli seguenti</a></div>
   </div>
</nav>
0
JustARandomProgrammer 27 czerwiec 2017, 12:18

6 odpowiedzi

Najlepsza odpowiedź

Może skopiuj ich HTML?

var temp=$(".nav-previous").html();
$(".nav-previous").html($(".nav-next").html());
$(".nav-next").html(temp);
1
Jonas Wilms 27 czerwiec 2017, 09:23

Krok 1:

Uzyskaj zawartość HTML w NAV Poprzedni i NAV Next.

var navPrev =$(".nav-previous").html();
var navNext = $(".nav-next").html();

Krok 2:

Ustaw NAV Poprzedni do NAV Next and Nawiej Dalej do NAV Poprzedni.

$(".nav-previous").html(navNext);
$(".nav-next").html(navPrev);

Mam nadzieję, że to pomoże.

0
Gokulan P H 27 czerwiec 2017, 09:32
//Get references of parent divs
var $navPrev = $('.nav-previous');
var $navNext = $('.nav-next');

//Get html contents of parent divs
var navPrevHtml = $navPrev.html();
var navNextHtml = $navNext.html();


//Replace html contents of each parent with contents of the other
$navPrev.html(navNextHtml);
$navNext.html(navPrevHtml);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav class="navigation posts-navigation" role="navigation">
  <h2 class="screen-reader-text">Navigazione articoli</h2>
  <div class="nav-links">
    <div class="nav-previous"><a href="linktopreviouspage.com">Articoli meno recenti</a></div>
    <div class="nav-next"><a href="linktonextpage.com">Articoli seguenti</a></div>
  </div>
</nav>
0
Chirag Ravindra 27 czerwiec 2017, 09:26

Html:

<!DOCTYPE html>

 <html>

  <head>
   <script 
     src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>

$(document).ready(function(){
    $("button").click(function(){
        $("p").clone().appendTo("#target");
    });
});

</script>

  </head>

<body>

 <p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<button>Clone all p elements, and append them to the body element</button>
<div id="target">
</div>

</body>
</html>

To, co robimy, jest, na przycisku kliknij przycisk {{x0} tj. Div. Dajemy div, że chcemy dołączyć do identyfikatora (id="target"), abyśmy mogli znaleźć go z naszego skryptu JS.

0
Mohammed Sohail Ebrahim 27 czerwiec 2017, 09:25

Czy chcesz czegoś takiego, kiedy mówisz przełącznik?

$('.nav-previous').insertAfter('.nav-next');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav class="navigation posts-navigation" role="navigation">
   <h2 class="screen-reader-text">Navigazione articoli</h2>
   <div class="nav-links">
      <div class="nav-previous"><a href="linktopreviouspage.com" >Articoli meno recenti</a></div>
      <div class="nav-next"><a href="linktonextpage.com" >Articoli seguenti</a></div>
   </div>
</nav>
0
Yordan Nikolov 27 czerwiec 2017, 09:23

Możesz użyć różnych metod, takich jak .insertAfter() / {X1}}

$(".nav-previous").insertAfter($('.nav-next'))
//$(".nav-previous").appendTo('.nav-links')
//$(".nav-next").after($('.nav-previous'))
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav class="navigation posts-navigation" role="navigation">
   <h2 class="screen-reader-text">Navigazione articoli</h2>
   <div class="nav-links">
      <div class="nav-previous"><a href="linktopreviouspage.com" >Articoli meno recenti</a></div>
      <div class="nav-next"><a href="linktonextpage.com" >Articoli seguenti</a></div>
   </div>
</nav>
2
Satpal 27 czerwiec 2017, 09:22