How can i replace text in html using jquery?

Question

Im working with UIKit Css Framework for a website, in that for responsive mobile width, i have to increase the ratio of slideshow element when page is opened on specfic width(such as upon width of 640px or less). The HTML Code is like below :

<div class="slider-responsive uk-position-relative uk-visible-toggle uk-light" tabindex="-1"  uk-slideshow="ratio: 7:3;animation:push"

Upon the width of 640px and less I want to change the value of "ratio:7:3" to "ratio:7:6", how to achieve this in javascript or jquery ?

Answer 1

I guess this is what you want.

$(window).on('resize', function() {
  var width = $(window).outerWidth();

  if (width < 600) {
    $(".slider-responsive").attr("uk-slideshow", "ratio: 7:3;animation:push");
  } else {
    $(".slider-responsive").attr("uk-slideshow", "ratio: 7:6;animation:push");
  }

});