Question

function updateOption(selection, option) {
        jQuery( body,html ).animate({
            scrollTop: jQuery("#msg").offset().top
        }, 800);
        jQuery( . +selection).each(function() {
            jQuery("img."+selection).removeClass("optionSelected");
        });
        jQuery.ajax({
            type: "GET",
            url: "../v1_include/v1_session_boutique.inc.php",
            data: selection + "=" + option,
            success: function(msg){
                jQuery( #msg ).fadeIn( fast );
                var List = document.getElementById( msg );
                List.innerHTML = msg;
                  jQuery(".StoreMsgPanier").animate( { opacity: 0.25 }, 1000)
                    .animate( { opacity: 1 }, 1000);
            }
        });
}


<p>Option 1</p>
<div id="opt3">
    <a href="javascript:updateOption( select_1_3 , 1-5-1 );"><img src="../v1_images_option/crop/5_1.jpg" alt="" style="margin:2px;padding:5px;border:1px solid #D6D6D6" class="select_1_3 optionSelected" /></a>
    <a href="javascript:updateOption( select_1_3 , 1-6-1 );"><img src="../v1_images_option/crop/6_1.jpg" alt="" style="margin:2px;padding:5px;border:1px solid #D6D6D6" class="select_1_3" /></a>
</div>
<p>Option 2</p>
<div id="opt2">
    <a href="javascript:updateOption( select_1_2 , 1-3-1 );"><img src="../v1_images_option/crop/3_1.jpg" alt="" style="margin:2px;padding:5px;border:1px solid #D6D6D6" class="select_1_2" /></a>
    <a href="javascript:updateOption( select_1_2 , 1-4-1 );"><img src="../v1_images_option/crop/4_1.jpg" alt="" style="margin:2px;padding:5px;border:1px solid #D6D6D6" class="select_1_2" /></a>
</div>

该法典做了一些细微的工作,但是,在取消所有选修课后,我如何能够在我刚刚点击的<<>/strong>的图像中增加选修课程?

感谢您的帮助......

Answer 1

您也可从打电话者处通过this,并在该职能范围内加以使用。

http://www.ohchr.org。 http://www.un.org/Depts/DGACM/index_french.htm

    <a href="javascript:updateOption( select_1_3 , 1-5-1 , this);">

www.un.org/Depts/DGACM/index_french.htm 改为_this.find()。

  function updateOption(selection, option, _this) {
    //..
    //...
       $(_this).parent().find("img").removeClass("optionSelected"); //remove class for all images
       $(_this).find("img").addClass("optionSelected"); //add class to the image inside the link

或者, 采用不妥协的方式是良好做法。见下文。

http://www.ohchr.org。 http://www.un.org/Depts/DGACM/index_french.htm

<p>Option 1</p>
<div id="opt3">
    <a href="javascript: void(0)" data-opt="1-5-1" data-sel="select_1_3"><img src="../v1_images_option/crop/5_1.jpg" alt="Image" class="select_1_3 img_style optionSelected" /></a>
    <a href="javascript: void(0);" data-opt="1-6-1" data-sel="select_1_3"><img src="../v1_images_option/crop/6_1.jpg" alt="Image" class="select_1_3 img_style" /></a>
</div>
<p>Option 2</p>
<div id="opt2">
    <a href="javascript: void(0)" data-opt="1-3-1" data-sel="select_1_2"><img src="../v1_images_option/crop/3_1.jpg" alt="Image" class="select_1_2 img_style" /></a>
    <a href="javascript: void(0)" data-opt="1-4-1" data-sel="select_1_2"><img src="../v1_images_option/crop/4_1.jpg" alt="Image" class="select_1_2 img_style" /></a>
</div>

<>CSS:

.img_style { margin:2px;padding:5px;border:1px solid #D6D6D6; }

www.un.org/spanish/ecosoc 最后,联合材料:。请作改动后在您执行之前加以理解。

$(function() {
    $( .img_style ).click(function() {
        $( body,html ).animate({
            scrollTop: $("#msg").offset().top
        }, 800);

        var $this = $(this);        

        $this //current link
        .closest( div ) //will return you the enclosing div lets say <div id="opt2">
        .find( img ) //find all images inside <div id="opt2">
        .removeClass("optionSelected"); //remove class

        $this.addClass( optionSelected );

        var $parent = $this.parent();

        var option = $parent.attr( data-opt ); //will return you the option
        var selection = $parent.attr( data-sel );

        $.ajax({
            type: "GET",
            url: "../v1_include/v1_session_boutique.inc.php",
            data: selection + "=" + option,
            success: function(msg) {
                $( #msg ).fadeIn( fast ).html(msg);

                $(".StoreMsgPanier").animate({
                    opacity: 0.25
                }, 1000).animate({
                    opacity: 1
                }, 1000);
            }
        });
    });
});

>DEMO/strong> -> 显示选择和选择可检索。

Answer 2

$( #id_of_image ).on( click , function() {
  $( img ).removeClass( optionSelected );
  $(this).addClass( optionSelected );
});

友情链接