小编Mor*_* Ng的帖子

我在span标签内有一个图像.但问题是图像不适合span标签.相反,图像的一部分超出了span标记.

我想点击单词span时更改图像颜色,而当我点击该图像时它会改变文本的颜色.我猜我的代码有问题.

我怎样才能实现它？

我的HTML:

<div class="games-platform-item pt-item">
<ul class="games-sub-menu clearfix">
<li class="tab1 current">
    <!-- <img src="../images/abc11.jpg"/ class="topimgG1" "> -->
    <input type="radio" name="imgSwap" id="rdoImg1">
    <label class="topimgG1" for="rdoImg1"></label>
    <span>????</span>
</li>
<li class="tab2">
    <div>
        <!-- <img src="../images/abc2.jpg"/ class="topimgG2" "> -->
        <input type="radio" name="imgSwap" id="rdoImg2">
        <label class="topimgG2" for="rdoImg2"></label>
        <span>???</span>
    </div>
</li>
<li class="tab3">
    <!-- <img src="../images/abc3.jpg"/ class="topimgG3" "> -->
    <input type="radio" name="imgSwap" id="rdoImg3">
    <label class="topimgG3" for="rdoImg3"></label>
    <span>????</span>
</li>
<li class="tab4">
    <!-- <img src="../images/abc4.jpg"/ class="topimgG4" "> -->
    <input type="radio" name="imgSwap" id="rdoImg4">
    <label class="topimgG4" for="rdoImg4"></label>
    <span>????</span> …

我正在制作一个表单构建器,我想改变外观,例如内容的颜色.当等于活动的类应该获得文本的白色但是当其余的不活动时,文本应该是黑色的.

如何用生成的2类做到这一点？

无论如何,我在这个论坛上找到了一些东西,但似乎对我不起作用:

 $('.game-star').addClass('game-star2').removeClass('game-star');

.game-star  ul li h3 {
	font-size:14px;
	color:#fff;
	line-height:24px;
	float:left;
	font-weight:100;
	margin-top:8px;
}

.game-star2  ul li h3 {
	font-size:14px;
	color:#fff;
	line-height:24px;
	float:left;
	font-weight:100;
	margin-top:8px;
}
 

<div class="game-star" style="height: 198px; overflow: hidden;">
  <ul>
    <li class="Active">
      <div class="game-star-icon"></div>
      <!-- <img src="../images/sideGameMenu1.png"/ class="winner-nameMoolar" "> -->
      <h3 class="winner-name">Major Millions<br>
        RMB 1000.00</h3>
      
      <!-- <p>RMB 625.78</p> --> 
    </li>
    <li>
      <div class="game-star-icon"></div>
      <h3 class="winner-name">Major Moolah<br>
        RMB 3,266.41</h3>
      <!-- <p></p> --> 
    </li>
    <li>
      <div class="game-star-icon"></div>
      <h3 class="winner-name">Major Moolah Isis<br>
        RMB 4,982.78</h3>
      <!-- <p></p> --> 
    </li> …

我想点击对象时将图像更改为其他图像.代码按以下顺序堆叠:

HTML:

<div class="games-platform-item pt-item">
                    <ul class="games-sub-menu clearfix"> 

                            <li class="tab1 current">
                            <img src="../images/abc11.jpg"/ class="topimgG1" ">
                            <span>????</span>
                            </li>

                        <li class="tab2">
                        <img src="../images/abc2.jpg"/ class="topimgG2" ">
                        <span>???</span>
                        </li> 

                        <li class="tab3">
                        <img src="../images/abc3.jpg"/ class="topimgG3" ">
                        <span>????</span>
                        </li>

                        <li class="tab4">
                        <img src="../images/abc4.jpg"/ class="topimgG4" ">
                        <span>????</span>
                        </li>

                        <li class="tab5">
                        <img src="../images/abc5.jpg"/ class="topimgG5" ">
                        <span>???</span>
                        </li>    

                        <li class="tab6">
                        <img src="../images/abc6.jpg"/ class="topimgG6" ">  
                        <span>????</span>
                        </li>    

                        <li class="tab7">
                        <img src="../images/abc7.jpg"/ class="topimgG7" ">
                        <span>????</span>
                        </li>     

                        <li class="tab8 games-pt-search" style="display:none;"><span>????</span></li>
                    </ul>

我想做的是:

我希望在图像点击时将图像更改为彩色版本的图像,即其他图像.现在,我知道我可以使用jquery/JS来完成它.但我不想要大量的JS代码来完成这么简单的事情.可以用更简单的东西来完成吗？就像CSS中的.current一样

我似乎无法想到它.

CSS:

我有一个页面,当用户点击标题时,以下div切换显示.

我想以某种方式说出是否显示任何其他div:块然后将它们设置为先显示无.

我想也许我可以这样做,但我认为在错误的背景下使用它.代码没有做任何有价值的事情.

HTML:

<div id="recordbox" class="home" style="z-index: 2; background: #f2f2f2;">
        <div class="jlkb"></div>
            <div id="recordlist">
                <div class="jlmain j1">
                    <div class="jlhead">
                        <div class="jlleft">
                        <li>????: 10.00</li>
                        <a>2016-09-21 18:39:02</a>
                        </div>
                        <div class="jlright">
                        <li class=""></li> 
                        </div>
                    </div>
                        <div class="jldetail" style="display:none">
                        <p>???????????20160921183902323</p>
                        <p>??????</p>
                        </div>
                </div>
             </div>

    </div>

JQUERY:

function BindList() {
        $(".jlmain").unbind("click");
        $(".jlmain").click(function () {
            $(this).find(".jlright li").toggleClass("jlmain1");
            $(this).find(".jldetail").slideToggle("fast");
        })
    }

我尝试使用单击处理程序更改特定单词的文本链接.当我再次单击时,文本链接应该更改回来.我怎样才能做到这一点？

<div class="checkLevel" id="damonkEYkEY">
    <span data-bind="css: safeLevelClass"> </span>
    <a href="#" id="checkLevelBtn">??</a>
</div>

$(document).ready(function(){
    $("#damonkEYkEY").click(function(){
        $(".checkLevel a").text('????');            
    });
});