基于span文本的jquery隐藏/显示div

我需要一些帮助。我有一个span元素，其中文本根据从另一个下拉元素中选择的内容进行更改：

<span class="drop link" id="title-tagger-20965969" style="cursor:default;text-decoration:underline;">...ng calls or email - 2E1</span>

…ng电话或电子邮件-2E1

基本上，我想显示与span元素文本末尾的文本代码相匹配的相应div ID（如下所示），如上面的示例（2E1）

文本2
文本2
文本3

我还希望隐藏所有的“changingArea”div，除非span元素包含作为文本的div id

---

提前感谢

我建议您将div的

id

放在

span

属性中

并根据

id

隐藏/显示

$('span').click(function(){
    var id = $(this).attr('data-id');
    $('.desc').hide(); //hide all divs
    $('#'+id).show(); //show div based on id
});

更新

如果您在

span

中始终有此格式的文本

…ng呼叫或电子邮件-2E1

，其中

-

之后将是

id

，那么您可以这样做

$('span').click(function(){
    var html = $(this).html();
    var split = html.split('-');
    $('.desc').hide(); //hide all divs
    $('#'+$.trim(split[1])).show(); //show div based on id
});

---

我建议您将div的

id

放在

span

属性中，并根据
id
隐藏/显示

$('span').click(function(){
    var id = $(this).attr('data-id');
    $('.desc').hide(); //hide all divs
    $('#'+id).show(); //show div based on id
});


更新

如果您在
span
中始终有此格式的文本
…ng呼叫或电子邮件-2E1
，其中
-
之后将是
id
，那么您可以这样做

$('span').click(function(){
    var html = $(this).html();
    var split = html.split('-');
    $('.desc').hide(); //hide all divs
    $('#'+$.trim(split[1])).show(); //show div based on id
});

试试这个：

$('span').click(function(){
var txt = $(this).text();
$('.desc').hide(); //hide all divs
var id;
$("div.desc").each(function(){
id=$(this).attr("id");
    if(txt.indexOf(id)>=0){
    $(this).show();
    }
})   
});

试试这个：

$('span').click(function(){
var txt = $(this).text();
$('.desc').hide(); //hide all divs
var id;
$("div.desc").each(function(){
id=$(this).attr("id");
    if(txt.indexOf(id)>=0){
    $(this).show();
    }
})   
});

您需要共享更改
title-tagger-20965969
元素文本的代码需要详细说明您的问题..这一个没有意义..请提供您的小提琴并更清楚。您需要共享更改
title-tagger-20965969
元素文本的代码需要详细说明您的问题问题..这一个没有意义..请提供您的小提琴为这更清楚。谢谢Khawer！我无法编辑span元素，因此对于您的第一个答案，这不会是更好的方法利用Thank Tushar我将从现在起使用此方法：）谢谢Khawer！我无法编辑span元素，因此对于您的第一个答案，这不是更好的方法。请使用感谢Tushar，从现在起我将使用此方法：）