1

У меня есть две ссылки на страницы, на одной из которых надо показать картинку, а на другой наоборот не показывать.

http://test_url/products - показать изображение.
http://test_url/product - не показывать.

Проверяю вот таким условием:

if (window.location.pathname.indexOf('/product') === -1) {
      $('.img').show();     
   }

В этом условии если индекс строки '/product' равен -1, то картинку я не показываю. Но как в этом условии показать изображение если урл содержит /products?

3 ответа 3

3
if (window.location.pathname.indexOf('/product') === -1 || 
  window.location.pathname.indexOf('/products') != -1) {
  ...
0
0

Обратите условие

if (window.location.pathname.indexOf('/products') !== -1) {
  $('.img').show();     
}
0

Еще можно регуляркой. Это значительно медленнее чем indexOf(), но как еще один возможный вариант (и как предостережение не использовать его) - думаю, стоит упомянуть.

const arr = [ 'http://test_url/product', 'http://test_url/products', 'http://test_url/product?foo', 'http://test_url/product/?bar', 'http://test_url/products/?baz'];

for (let show, i = 0; i < arr.length; i++) {
  show = (/\/products(?:$|[/?])/i).test(arr[i]);  // или, что еще ужаснее, = !!arr[i].match(/\/product(s)?(?:$|[/?])/i)[1]
  console.log(`${arr[i]} - ${show ? 'показывать' : 'не показывать'}`);
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.