jquery - 如何使用 onchange 函数给 jquery 中 div 的最后一个 child 上课

Question

M 使用一种形式，其中 m 根据下拉列表更改 div 的值。因为我想在下拉列表的 onchange 事件上显示 div 的数据..但只有一次..(那是第二个问题)..as据我所知，我使用的是 append 和 .last 或 :last-child，但我仍然只能从我的表单的 div 中显示值..但我想在提交之前..所以我应该做什么..plz帮助。 .正如我努力尝试的那样..我应该选择表格的倒数第二个 div..这可能吗？？

抱歉，如果我以错误的方式提问，请确保我没有要求选择 jquery 中的最后一个元素，所以在说重复问题之前..plz 花点时间阅读我的问题..thanx..

这是我的代码..

<script>
$(document).ready( function (){
    $('#wpbs-field-4').change(function(){
    $a=$( "#wpbs-field-4" ).val();
    if($a == 'Yes')
    {
    $( ".wpbs-form-item").last().append( "<div>Cost of Package is :- 10,000 Rs.</div>" );
    }
    else
    {
    $( ".wpbs-form-item" ).last().append( "<div>Cost of Package :- 5,000 Rs.</div>" );
    }

    });

});
</script>

这是我的结构

外部 div :- .wpbs-form对于 div :- .wpbs-form-form表单域 div :- .wpbs-form-form .wpbs-form-item

抱歉，但请帮助我，如果已经有，我如何删除最后一条消息，如果是，将会有类似 rs 10000 的消息，所以如果我选择否，那么应该删除之前的消息，然后只有 5000。 .很抱歉要求很大..但相信我，我已经很努力了..所以请帮助...

所以请帮助我..thanx..并且请不要给负分.plz

Answer 1

这里，假设 div 是 #theOne，子元素是 li.children:

html:

<div id="theOne">
    <li class="hisBabies"></li>
    <li class="hisBabies"></li>
    <li class="hisBabies"></li>
    ...
</div>
<style class="changeLastChild">
</style>

js:

var executed = false;
$('#wpbs-field-4').change(function(){
    if(!executed) {
        executed = true;
        $("style.changeLastChild").html("#theOne li.hisBabies:last-child {color: red}");
    }
});

这个怎么样？

对于“删除消息”，您必须先给它一个id，在本例中为:#info。如果我是你，我会这样做:

html:

<div id="info"></div>

js:

$(function() {
    $("#info").html(""); //a function, first clears the inner html
    if (something) {
        $("#info").html("New message!"); //change the inner html to a message
    }
});

如果要更改的消息字符串很多，您可以使用 switch 代替 if 语句。