javascript - 如何使用 javascript 变量使用 jQuery 隐藏元素

Question

我无法在 html 代码中隐藏具有以下 id 的页面元素

<table cellspacing=5 cellpadding=3>
  <tr>
    <td id="lst2"><h4>Apple Ipad for sale N70,000 (negotiable)</h4></td>
    <td><a href="unibay.php" class="button edit">EDIT</a></td>
    <td><a href="#" onclick="del('lst1');" class="button cross">DELETE</a></td>
  </tr>
  <tr id="lst2">
    <td><h4>Apple Ipad for sale N70,000 (negotiable)</h4></td>
    <td><a href="unibay.php" class="button edit">EDIT</a></td>
    <td><a href="#" value="list2" onclick="del('lst1');" class="button">DELETE</a></td>
  </tr>
</table>

我希望能够使用在 javascript 函数中调用的 jQuery 隐藏具有选定 ID 的元素。下面是代码，但它不起作用:

function del(obj) {
    $(document).ready(function(){
        var tdiv = document.getElementById(obj) ;
        var sdiv = "#" + tdiv ;
        $('.button').click(function () {
            $(sdiv).fadeOut('slow');
        });
    });
}

Answer 1

我认为你应该这样做，因为你的 obj 包含一个字符串，你的目标的 id，那么下面的方法就足够了。

var sdiv = "#" + obj;
$('.button').click(function () {
   $(sdiv).fadeOut('slow');
});

你的代码有问题

• var tdiv = document.getElementById(obj); 行返回一个 DOM 元素。所以如果你需要在你的代码中使用它，那么它看起来像:

  function del() {
     var tdiv = document.getElementById(obj);
     $('.button').click(function() {
       $(tdiv).fadeOut('slow');
     });
  }
  

在这里，$(tdiv) 会将您的 tdiv 元素变成一个 jQuery 对象。但是 tdiv.fadeOut('slow') 将不起作用。

• 而且您的 del() 函数中不需要 $(document).ready()。所以你的代码看起来像:

  function del(obj) {
      var sdiv = "#" + obj;
      $('.button').click(function () {
        $(sdiv).fadeOut('slow');
      });
   }