小编sen*_*tus的帖子

我有一堆元素都属于某个数字的一​​部分.

<div class="section-1"></div>
<div class="section-1"></div>

<div class="section-2"></div>
<div class="section-2"></div>
<div class="section-2"></div>

<div class="section-3"></div>

<div class="section-4"></div>
<div class="section-4"></div>

...

我想用父元素包装相同节元素的每个组,甚至是只出现一次的节.

这是我想出的一个快速且有效但非常脏的解决方案:

    $('.section-1').wrapAll('<div class="parent-section">');
    $('.section-2').wrapAll('<div class="parent-section">');
    $('.section-3').wrapAll('<div class="parent-section">');
    $('.section-4').wrapAll('<div class="parent-section">');
    $('.section-5').wrapAll('<div class="parent-section">');
    $('.section-6').wrapAll('<div class="parent-section">');

我试图通过使用每个()来提出一个更优雅的解决方案

    $('.section-1,' +
      '.section-2,' +
      '.section-3,' +
      '.section-4,' +
      '.section-5,' +
      '.section-6').each(function () {
        $(this).wrapAll('<div class="parent-section">');
    });

但后来我意识到这将包装每个类名的每个单独的事件,而不是将它们包装成一个组.

最重要的是,虽然目前只有6个部分,但未来可能会有更多部分(7,8,9,10,11等),所以如果该功能可以使用任意数量的部分,那将会很棒.

任何帮助深表感谢.

我有一个变量$ width,可以是一个包含以下任何一个值的字符串:

最短,短,半,长,最长

在我的模板中,我想创建2个元素 - 一个具有$ width的原始值,另一个具有相反的宽度:

• 短期与长期相反,反之亦然
• 最短的是最长的,反之亦然
• 一半与一半相反

这是我的代码,它完全按照我的意愿工作,但它对我来说感觉有点重复和肮脏,所以我想知道是否存在更清晰/更智能的PHP语法来存储相反的字符串对并重构/缩短代码或者是尽可能精益求精？

<?
// Possible values - shortest, short, half, long, longest 
$width = '';

if ($width == 'shortest') {
    $opposite_width = 'longest';
}
if ($width == 'short') {
    $opposite_width = 'long';
}
if ($width == 'half') {
    $opposite_width = 'half';
}
if ($width == 'long') {
    $opposite_width = 'short';
}
if ($width == 'longest') {
    $opposite_width = 'shortest';
}

?>

<div class="<?= width ?>"></div>
<div class="<?= opposite_width ?>"></div>

谢谢.