Question

我的输出就像

    <div class="styled-select">
        <div class="input select error">
            <select id="UserCountryId" class="form-error" name="data[User][country_id]">
            <option value="">(choose one)</option>
            <option value="243">Zimbabwe</option>
            </select>
            <div class="error-message">Country is required</div>
        </div>
    </div>

但需要输出

    <div class="styled-select">
        <div class="input select error">
            <select id="UserCountryId" class="form-error" name="data[User][country_id]">
            <option value="">(choose one)</option>
            <option value="243">Zimbabwe</option>
            </select>
        </div>
    </div>
    <div class="error-message">Country is required</div>

可以通过jQuery实现，还是应该更改我的代码？

Answer 1

试试这个：

$(document).ready(function(){
    $('.styled-select').each(function(index){
        var $error = $(this).find('.error-message').clone();
        $(this).find('.error-message').remove();
        $(this).after($error);
     });
});

DEMO

Answer 2

这是更短的和更快的解决方案：

$('.styled-select').each(function() {
    $('.error-message', this).insertAfter(this);
});

DEMO http://jsfiddle.net/Z32NH/

删除div有类错误消息并在父div类styled-select之后显示

2 个答案: