如何使用jquery替换html中的文本？

Question

我正在为网站使用UIKit Css Framework，因为它用于响应式移动设备 宽度，当页面以特定宽度打开时（例如，宽度为640px或更小），我必须增加幻灯片元素的比例。 HTML代码如下：

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

在640px及以下的宽度上，我想将“ ratio：7：3”的值更改为“ ratio：7：6”，如何在javascript或jquery中实现呢？

Answer 1

我想这就是你想要的。

$(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");
  }

});