Question

我正在尝试隐藏specific来自jquery的内容的文本元素。

HTML：

<div id="name">
Trying hide specific Text elements from content.
</div>

我想要这个：

<div id="name">
Trying hide <p style="display: none;">specific</p> Text elements from content.
</div>

或jquery的任何其他简单解决方案？

Answer 1

像

一样简单

var nameText = $('#name').text();
var newText = nameText.replace('specific','<p style="display:none">specific</p>');
$('#name').html(newText) // use html() here, not text()

Answer 2

在你的p标签中添加一个id，你可以通过像

这样的jquery来隐藏它

$( document ).ready(function() {
    $("#p-id").hide();
});

Answer 3

我为你做功能

function hideIt(elem, exclude){
  var text = elem[0].innerText;
  var exculude = exclude;
  var match = text.match(exclude);

  if(match === null){
    console.log('no match founded')
  }
  else{
    for(var i =0 ; i<match.length; i++){
        elem[0].innerText = text.replace(match[i],"")
    }
  }

}
hideIt($('#name'),'specific');

将第一个用jquery选择器填入你的元素，在第二个parm中用字符串想要杀死

https://jsfiddle.net/xps4553m/5/为你

从内容中查找文本然后隐藏

3 个答案: