如何删除元素，如果其文本不符合其他元素文本？

Question

我有一个input和一些结果，如果有任何结果与其文本标题与输入的确切.val()不匹配，则应删除其.parent().parent()。我有被靶向错this为我做$this.parent().parent().hide();但$this问题是var $this = jQuery(this).text().toLowerCase();

function fetch(){ 
    jQuery.ajax({ 
    url: '<?php echo admin_url('admin-ajax.php'); ?>', 
    type: 'post', 
    data: { action: 'data_fetch', exactwords: jQuery('#usp-title').val() }, 
    success: function(data) { 
     var text2; 
     var text2B; 
     text2 = jQuery('#usp-title').val(); 
     text2B = text2.toLowerCase(); 
     jQuery("#datafetch").html(data).promise().done(function(){ 
     jQuery("#datafetch ul li h2 a").each(function() { 
      var $this = jQuery(this).text().toLowerCase(); 
      if ($this != text2B) { 
      $this.parent().parent().hide(); 
      } else if (text1B == text2B) { 
      jQuery("#componi").attr("disabled", "disabled").hide(); 
      } 
     }); 
     }); 
    } 
    }); 
} 

Answer 1

的问题是，要设置$this为一个字符串，不jQuery的节点，所以当你说$this.parent().parent()将无法​​正常工作。设置$this = jQuery(this);而不是在条件执行内联值查找

function fetch(){ 
    jQuery.ajax({ 
    url: '<?php echo admin_url('admin-ajax.php'); ?>', 
    type: 'post', 
    data: { action: 'data_fetch', exactwords: jQuery('#usp-title').val() }, 
    success: function(data) { 
     var text2; 
     var text2B; 
     text2 = jQuery('#usp-title').val(); 
     text2B = text2.toLowerCase(); 
     jQuery("#datafetch").html(data).promise().done(function(){ 
     jQuery("#datafetch ul li h2 a").each(function() { 
      var $this = jQuery(this); 
      if ($this.text().toLowerCase() !== text2B) { 
      $this.parent().parent().hide(); 
      } else if (text1B == text2B) { 
      jQuery("#componi").attr("disabled", "disabled").hide(); 
      } 
     }); 
     }); 
    } 
    }); 
} 

Answer 2

只是做$(this).parent().parent().hide();

这是不好的做法，设置$this其他任何事情比$(this)。

只需重命名你的变量，这样做

function() { 
    var $this = jQuery(this), 
     text = $this.text().toLowerCase(); 
    if (text != text2B) { 
    $this.parent().parent().hide(); 
    } else if (text1B == text2B) { 
    jQuery("#componi").attr("disabled", "disabled").hide(); 
    } 
}