Punkt to: Znajdź przez JavaScript lub JQUERY tylko pierwsze element zawierający "analityki" wewnątrz div class="" i dodaj tekst do tego analityki na początku . Ten skrypt musi pracować na obciążeniu strony.

jak wygląda

<div id="block_browsing_1" class="analytics">
  //content
</div>

<div id="block_browsing_2" class="analytics">
  //content
</div>

<div id="block_instagram_followers_1" class="analytics">
  //content
</div>

<div id="block_instagram_followers_1" class="analytics">
  //content
</div>

Jak to powinno wyglądać:

<div id="block_browsing_1" class="test analytics">
  //content
</div>

<div id="block_browsing_2" class="analytics">
  //content
</div>

<div id="block_instagram_followers_1" class="analytics">
  //content
</div>

<div id="block_instagram_followers_2" class="analytics">
  //content
</div>
0
user9548974 3 czerwiec 2018, 17:54

5 odpowiedzi

Najlepsza odpowiedź
document.querySelectorAll(".analytics")[0].classList.add("test");
<div id="block_browsing_1" class="analytics">
  //content
</div>

<div id="block_browsing_2" class="analytics">
  //content
</div>

<div id="block_instagram_followers_1" class="analytics">
  //content
</div>

<div id="block_instagram_followers_2" class="analytics">
  //content
</div>
0
Vivek 3 czerwiec 2018, 14:59

Możesz użyć selektora CSS first-of-type

$('.analytics:first-of-type').addClass('test');
0
barro32 3 czerwiec 2018, 14:59

Proste czysty rozwiązanie JavaScript:

document.querySelectorAll(".analytics")[0].classList.add("test");

0
PredatorIWD 3 czerwiec 2018, 15:00

Możesz zrobić coś takiego:

$(document).ready(function() {
  var currentClass = $('.analytics').first().attr('class');
  $('.analytics').first().attr('class', 'test ' + currentClass);
});

Gdzie 'test' jest tekstem, który chcesz dodać na początku

0
Efrain Toribio Reyes 3 czerwiec 2018, 15:30

Co się stało z Google?

jQuery(function($){ // act upon document ready event.
  $('.analytics').first().addClass('test');
});
-1
JohnnyJS 3 czerwiec 2018, 14:58