Question

我刚刚完成了我的项目的一个方面，需要循环遍历HTML表的行，并根据td的类，对文本执行某些操作。我用两种不同的方法解决了这个问题，现在我想知道哪种方法被认为是最好的编码方法。另外，使用一种方法比另一种方法有优势吗？

方法1：

$('#table tr').each(function(){
    var something = $(this).find('[class*=someClass]').html();
    //Do something with 'something'
});

方法2：

var x = 0;
$('#table tr').each(function(){
    var something = $(this).find('.someClass' + x).html();
    //Do something with 'something'
    x++;
});

Answer 1

这可能更基于意见，但就个人而言，我会这样做：

$('#table tr').each(function(i){
    var something = $(this).find('.someClass' + i).html();
    //Do something with 'something'
});

每个元素的索引都作为参数传递。

编辑：

为了扩展Karl-AndréGagnon所说的内容，两个'.someClass'选择器的行为会有所不同。在第一个示例中，他们将选择具有'someClass'的所有元素，而不管任何数字后缀。第二个示例仅选择具有指定数字后缀的类。

如果你对每个'.someClass'元素做同样的事情，无论类中的数字如何，你可能根本不需要“each”，并且可以从选择器开始，例如：

'#table tr [class*=someClass]'

jQuery每个增量计数器与选择器

1 个答案: