Question

我想通过使用css来隐藏跨度中的第一个单词（ILS）。我有一个没有类的div，在div里面有一个span ...我只是想隐藏这个单词（ILS）跨度......请指导我错在哪里

网站上显示的文字如下：

这是我的div：

<div class="purhstdtls-delvry-timesec">
  <h5>Test Sample</h5>
  <div class="purchase-price"></div>
  <div>Some Text Here</div>
  <div>
        <span>ILS 0.10 / מכירה</span>
  </div>
</div>

Css：

.purhstdtls-delvry-timesec>div:nth-child(4)>span:first-word{
   display:none;
}

Answer 1

最好在跨度中添加一个id，或者在后端发送正确的内容，但是：您只需替换内容即可。

＆＃13;

<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script>$(document).ready(
function(){
$('span').text($('span').text().replace('ILS',''));
});
</script>
</head>


    <div class="purhstdtls-delvry-timesec">
      <h5>Test Sample</h5>
      <div class="purchase-price"></div>
      <div>Some Text Here</div>
      <div>
            <span>ILS 0.10 / מכירה</span>
      </div>
    </div>

＆＃13;

这是一个肮脏的解决方案，但它会起作用。

Answer 2

您可以使用text-indent和overflow：

.purhstdtls-delvry-timesec>div:nth-child(4) {
  text-indent: -25px;
  overflow:hidden;
}

<div class="purhstdtls-delvry-timesec">
  <h5>Test Sample</h5>
  <div class="purchase-price"></div>
  <div>Some Text Here</div>
  <div>
    <span>ILS 0.10 / מכירה</span>
  </div>
</div>

Answer 3

您可以在所需的文本周围添加包装，以隐藏在您的案例ILS中，请尝试以下代码

$(document).ready(function(){
    $("span:contains(ILS)").each(function(k,v){
        var d = $(v).html();
        d = d.replace("ILS", "<div style='display:none'>ILS</div>");
        $(v).html(d);
    });
});

使用Css或Jquery隐藏Span的第一个单词

3 个答案: