Php 切换时不更改锚定的文本
切换时没有更改锚文本,请给我一些建议 Html:Php 切换时不更改锚定的文本,php,jquery,jquery-click-event,Php,Jquery,Jquery Click Event,切换时没有更改锚文本,请给我一些建议 Html: 传递您的元素以及类似的onClick=“return showHide('flight1',this)” 你可以试试这样的 <a href="#" onClick="return showHide('flight1', this);" class="fnt-size12">+Flight Details</a> function showHide(id, link) { $('#' + id).to
传递您的
元素
以及类似的onClick=“return showHide('flight1',this)”
你可以试试这样的
<a href="#" onClick="return showHide('flight1', this);" class="fnt-size12">+Flight Details</a>
function showHide(id, link) {
$('#' + id).toggle('slow');
($(link).text() === "+Flight Details") ? $(link).text("-Flight Details") : $(link).text("+Flight Details");
return false;
}
函数showHide(id,link){
$('#'+id).toggle('slow');
($(link.text()==“+航班详细信息”)?$(link.text(“-航班详细信息”):$(link.text(“+航班详细信息”);
返回false;
}
jQuery('a.toggle')
。单击(功能(e){
var id=jQuery(this.attr('id');
jQuery('#'+id).toggle('slow');
if(jQuery('#'+id).css('display')=='none'){
jQuery(this.html(“+航班详细信息”);
}否则{
jQuery(this.html(“-Flight Details”);
}
e、 预防默认值();
});
您可以按如下方式执行此操作
jQuery代码
$(function()
{
$('div[id^="flight_"]').hide();
$(document).on('click','.fnt-size12',function(e)
{
e.preventDefault();
var $that = $(this);
$(this).next('#flight1').toggle();
if($that.html() == '+Flight Details') {
$that.html('-Flight Details');
} else {
$that.html('+Flight Details');
}
})
});
您的HTML
<a href="#" class="fnt-size12">+Flight Details</a>
<div id="flight1" class="minDetailBox addmarginB10 borT">
<div class="col1">
<div class="padding">
<div class="airLogo"> <span class="airSprites LS2"> </span>
<p>JET Lite</p>
</div>
</div>
</div>
</div>
喷气式陨石
请看,我已经修改了您的HTML
code
,并添加了新的几行jQuery
代码。您的锚链接没有flight1
的id…感谢您粘贴了更多代码…现在我不认为$(此)。text()
此
将在此代码中工作。请再次查看我的问题我做了一些更改,请提供任何替代解决方案,因为上次您帮助我时…:)@DipeshParmar是任何其他解决方案?这可能不是解决方案,但我给出了您提出的其他方式…您有很多选择…我在我的问题中做了一些更改也许你现在可以更好地理解我想做什么…@ArunMaddheshia然后查看我编辑的代码…我添加了$('div[id^=“flight1]”)
,用于在页面加载时隐藏,然后$(this)。下一步('flight1')。toggle()
将切换单击的锚点旁边的下一个div。锚点标记是动态的,它将取决于请求大小,是否在其上工作@Murrali@ArunMaddheshia,你到底在看什么。请为您的问题添加更多详细信息。我在问题中做了一些更改,也许您现在可以更好地理解我要做的事情…@ArunMaddheshia无论它是什么函数showHide(id,anchor)
对于传递的有效id,元素是通用的
<a href="#" onClick="return showHide('flight1', this);" class="fnt-size12">+Flight Details</a>
function showHide(id, link) {
$('#' + id).toggle('slow');
($(link).text() === "+Flight Details") ? $(link).text("-Flight Details") : $(link).text("+Flight Details");
return false;
}
<a href="#" id="flight1" class="toggle fnt-size12">+Flight Details</a>
jQuery('a.toggle')
.click(function(e) {
var id = jQuery(this).attr('id');
jQuery('#'+id).toggle('slow');
if(jQuery('#'+id).css('display') == 'none') {
jQuery(this).html("+Flight Details");
} else {
jQuery(this).html("-Flight Details");
}
e.preventDefault();
});
$(function()
{
$('div[id^="flight_"]').hide();
$(document).on('click','.fnt-size12',function(e)
{
e.preventDefault();
var $that = $(this);
$(this).next('#flight1').toggle();
if($that.html() == '+Flight Details') {
$that.html('-Flight Details');
} else {
$that.html('+Flight Details');
}
})
});
<a href="#" class="fnt-size12">+Flight Details</a>
<div id="flight1" class="minDetailBox addmarginB10 borT">
<div class="col1">
<div class="padding">
<div class="airLogo"> <span class="airSprites LS2"> </span>
<p>JET Lite</p>
</div>
</div>
</div>
</div>