0

我有几个 ID 具有相同的类规范，但文本内容会发生变化。使用 jQuery，我想.job在 click 函数上调用我的类以显示适当的#paper_appropriatejob.

<script src="src/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

$(".job").click(function(){
    var theclass:String = this;
    var thejob:String = theclass.substring(1);
    $("#paper_"+thejob).fadeIn(400);
});
</script>

我第一次尝试了下一个qith，但没有结果：

<script type="text/javascript">
$(".job").click(function(){
    $("#paper_"+ this).fadeIn(400);
});
</script>

的HTML： 

<div id="inge_sys" class="job" style= "background-image: url('src/img/salles/explo/ingesys.png')"></div>
<div id="cosmo" class="job" style= "background-image: url('src/img/salles/explo/cosmo.png')"></div>
<div id="astro" class="job" style= "background-image: url('src/img/salles/explo/astro.png')"></div>


<div id="paper_cosmo" class="paper">Text</div>
<div id="paper_astro" class="paper">Text</div>
4

2 回答 2

2

我建议：

$(".job").click(function(){
    $("#paper_"+ this.id).fadeIn(400);
});

如果您只想一次.paper显示其中一个元素：

$(".job").click(function(){
    $('.paper').fadeOut(function(){
        $("#paper_"+ this.id).fadeIn(400);
    });
});
于 2013-04-27T13:03:59.877 回答
1

首先，这不是一个有效的语法：

var theclass:String = this;

如果你想要一个 id 或一个类的字符串值，只需使用这个：

var thisClass = $(this).attr('class');
// or 
var id = $(this).attr('id');

然后你可以做你想做的事：

$("#paper_"+ thisClass).fadeIn(400);
于 2013-04-27T12:59:34.243 回答