Javascript 引导jquery单击事件

我在每个图像下面有三个图标，例如“关闭”“在新窗口中打开”和“在弹出窗口中打开”

    <div class="image-div">
     <div class="col-md-3"><img src="images/sample.jpg" id="1">
       <div class="bot-icon1 glyphicon glyphicon-remove" "=""></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt" "=""></div>
            <div class="bot-icon3 glyphicon glyphicon-globe" "=""></div> 
       </div>
       </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-4.jpg">
       <div id="reload">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>


    <div class="image-div">
     <div class="col-md-3"><img src="images/sample.jpg">
       <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
       </div>
       </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-4.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

      <div class="image-div">
       <div class="col-md-3"><img src="images/sample-5.jpg">
           <div class="bot-icon1  sample glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>


</div>

引导代码：

    <div class="image-div">
     <div class="col-md-3"><img src="images/sample.jpg" id="1">
       <div class="bot-icon1 glyphicon glyphicon-remove" "=""></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt" "=""></div>
            <div class="bot-icon3 glyphicon glyphicon-globe" "=""></div> 
       </div>
       </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-4.jpg">
       <div id="reload">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>


    <div class="image-div">
     <div class="col-md-3"><img src="images/sample.jpg">
       <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
       </div>
       </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-4.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

      <div class="image-div">
       <div class="col-md-3"><img src="images/sample-5.jpg">
           <div class="bot-icon1  sample glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>


</div>

我无法对三个图标执行

单击

操作。我还想在点击第二个图标打开新窗口时更改不同图像的图像

src

。有人能帮我吗

    <div class="image-div">
     <div class="col-md-3"><img src="images/sample.jpg" id="1">
       <div class="bot-icon1 glyphicon glyphicon-remove" "=""></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt" "=""></div>
            <div class="bot-icon3 glyphicon glyphicon-globe" "=""></div> 
       </div>
       </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-4.jpg">
       <div id="reload">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>


    <div class="image-div">
     <div class="col-md-3"><img src="images/sample.jpg">
       <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
       </div>
       </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-4.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

      <div class="image-div">
       <div class="col-md-3"><img src="images/sample-5.jpg">
           <div class="bot-icon1  sample glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>


</div>

在bootply中清除视图

    <div class="image-div">
     <div class="col-md-3"><img src="images/sample.jpg" id="1">
       <div class="bot-icon1 glyphicon glyphicon-remove" "=""></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt" "=""></div>
            <div class="bot-icon3 glyphicon glyphicon-globe" "=""></div> 
       </div>
       </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-4.jpg">
       <div id="reload">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>


    <div class="image-div">
     <div class="col-md-3"><img src="images/sample.jpg">
       <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
       </div>
       </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-4.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

      <div class="image-div">
       <div class="col-md-3"><img src="images/sample-5.jpg">
           <div class="bot-icon1  sample glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>


</div>

$（'img'）.attr（'src'，'//differentimagesrc.jpg'）

    <div class="image-div">
     <div class="col-md-3"><img src="images/sample.jpg" id="1">
       <div class="bot-icon1 glyphicon glyphicon-remove" "=""></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt" "=""></div>
            <div class="bot-icon3 glyphicon glyphicon-globe" "=""></div> 
       </div>
       </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-4.jpg">
       <div id="reload">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>


    <div class="image-div">
     <div class="col-md-3"><img src="images/sample.jpg">
       <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
       </div>
       </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

       <div class="image-div">
       <div class="col-md-3"><img src="images/sample-2.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

        <div class="image-div">
       <div class="col-md-3"><img src="images/sample-4.jpg">
           <div class="bot-icon1 glyphicon glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>

      <div class="image-div">
       <div class="col-md-3"><img src="images/sample-5.jpg">
           <div class="bot-icon1  sample glyphicon-remove"></div>
          <div class="bot-icon2 glyphicon glyphicon-share-alt"></div>
            <div class="bot-icon3 glyphicon glyphicon-globe"></div> 
        </div>         </div>


</div>