iOS8 Safari after a pushState the :nth-child() selectors not works

by

Indeed nth-child doesn’t work on IOS8.

Switching for nth-of-type did the trick for me.

It’s well supported https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type

That said if you want to take no chance, you can detect IOS 8 as follow. 

function isIOS8() {
  if ("600.1.4" == $.browser.version || ~navigator.userAgent.indexOf('OS 8_') ){
    return true;
  }
  return false;
}

var i=0,
    $el = $('ul.poll');

if( isIOS8() ){
    $el.find(' li:nth-of-type(' + (i + 1) + ')').text('my first Child');
}else{
    $el.find('.choice:nth-child(' + (i + 1) + ')').text('my first Child');
}

More Related Contents:

  1. Changing CSS pseudo-element styles via JavaScript [duplicate]
  2. Can I have an element with an ID that starts with a number?
  3. How to get nth-child selector to skip hidden divs [duplicate]
  4. How to select nth line of text (CSS/JS)
  5. How to select all checkboxes with jQuery?
  6. Prevent Address-Bar hiding in mobile Browsers
  7. jQuery vs document.querySelectorAll
  8. programmatically changing webkit-transformation values in animation rules
  9. Get CSS path from Dom element
  10. CSS selector for targeting only immediate children and not other identical descendants
  11. Disable elastic scrolling in Safari [duplicate]
  12. Are data attribute css selectors faster than class selectors?
  13. How to create a collapsing tree table in html/css/js?
  14. Using querySelectorAll(). Is the result returned by the method ordered?
  15. How do I hide the address bar on iPhone?
  16. CSS: Select element only if a later sibling exists
  17. How to get on-screen visible element objects in jQuery? [duplicate]
  18. How to display file name for custom styled input file using jquery?
  19. Fix First Column of a Bootstrap Table
  20. In JQuery, Is it possible to get callback function after setting new css rule?
  21. Using JavaScript to increment top/left/bottom/right values
  22. How to create a “show more” button and specify how many lines of text can be initially shown
  23. Wait for background images in CSS to be fully loaded [duplicate]
  24. Bootstrap and jQueryUI Conflict
  25. Freeze Header until Irrelevant (HTML, CSS and JS)
  26. Add CSS styled marker to google maps
  27. Low power mode detection in JavaScript for iOS11?
  28. How to apply background-color to a selected option?
  29. Bootstrap Dropdown menu is not working
  30. using javascript to mark a link as visited

Leave a Comment