相同类的jquery函数

时间:2017-01-13 22:20:48

标签: javascript jquery

我有一个页面,我有一个类的表。此表有时会在页面上多次出现。我需要在每个实例上执行相同的jquery函数。我如何用jquery来实现... ???

这是我的jquery:

jQuery(window).load(function () { 
    if(jQuery('.ezfc-summary-table tr:eq(2) td:eq(1)').text()=='1 layer'){
    jQuery('.ezfc-summary-table tr:eq(5)').hide();
    jQuery('.ezfc-summary-table tr:eq(6)').hide();
    jQuery('.ezfc-summary-table tr:eq(8)').hide();
}
});

@devlin carnate - 我正在尝试做另一件事,即从其中一个td获取文本并将其附加到另一个类(product-title),这也出现了多次。这是我尝试过的,但它只需要找到它发现的第一个td的文本,并将其附加到以下所有类中。

$(document).ready(function() {
  $('.ezfc-summary-table').each(function(i, obj) {
    var table = $(this);
    if (table.find('tr').eq(2).find('td').eq(1).text() == '1 layer') {
      table.find('tr').eq(5).hide();
      table.find('tr').eq(6).hide();
      table.find('tr').eq(8).hide();
var getpartname = $('.ezfc-summary-table tr:eq(0) td:eq(1)').text();
    $('.product-title').append('<span style="padding-left: 5px;">'+getpartname+'</span>');
    }
  });
});

你能帮我解决这个问题...... ???

提前致谢

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery $.each()迭代分配给表的类,并根据&#39; 1层&#39;来隐藏行。文本条件得到满足:

$(document).ready(function() {
  $('.ezfc-summary-table').each(function(i, obj) {
    var table = $(this);
    if (table.find('tr').eq(2).find('td').eq(1).text() == '1 layer') {
      table.find('tr').eq(5).hide();
      table.find('tr').eq(6).hide();
      table.find('tr').eq(8).hide();
    }
  });
});

这是一个小提琴演示:https://jsfiddle.net/zephyr_hex/f45umhkp/2/