Есть контейнер который содержит группу элементов, пример в сниппете.
Он имеет определенную ширину которая может меняться и содержит стиль overflow: hidden
, т.е. часть элементов не видна.
.list {
overflow: hidden;
white-space: nowrap;
width: 200px;
}
.list li {
display: inline-block;
}
<ul class="list">
<li>text 1</li>
<li>text 2</li>
<li>text 3</li>
<li>text 4</li>
<li>text 5</li>
<li>text 6</li>
</ul>
Нужно при помощи JavaScript или jQuery выбрать только те li которые видны в пределах ширины 200px; но нужно учитывать тот момент, что эта ширина может быть разная и может меняться.