jquery - JQuery - 动态文本修剪 - Iphone 问题

Question

我们正在实施客户网站的移动版本。商店页面有很长的商店信息列表，其中包含指向更多信息的链接一个商店 HTML 块的示例如下 -

 <div class="overlayContent">
<h2>Bagot Opticians</h2>
<div>
10 Library Road
<br>
Kendal, LA9 4QB
<br>
Tel: 01539 721619
</div>
<a href="store-directory/bagot-opticians.aspx">more about S., C. &amp; T. Bagot</a>
</div>

我已经使用以下代码循环遍历商店并删除了'more about part of text：

 $(document).ready(function() {



$('.jsGrid ul li').each(function(index) {
     var anchortext =($('.overlayContent a', this).text());
     alert(anchortext)

        $('.overlayContent a', this).html(anchortext.substring(10, anchortext.length));

});
});

它在除 iphone 之外的所有设备上都能正常工作 - 由于某种原因，它会将电话号码作为目标的一部分！？任何人都可以为这个问题提供不同的方法或任何理由吗？

干杯保罗

Answer 1

尝试这个：

$(document).ready(function() {
  $('.jsGrid ul li').each(function(index) {
    $('.overlayContent a', this).remove();
  });
});

如果您想保留元素本身但只是清空它，请将 remove() 替换为 empty()。