Javascript jQuery在ajax调用后更新li类属性href
我正在使用我的Wordpress网站,有一个弹出的模式窗口,只显示一些单选按钮(#input_1_1)。更改单选按钮字段的值时,将运行ajax调用并执行简单的mySql表更新。一切进展顺利,我想对我用来打开窗口的href文本进行更改 下面是到目前为止我得到的javascript,但是底部的第二行JQuery没有执行我想要的更改。即使只是尝试更改简单的目标urlJavascript jQuery在ajax调用后更新li类属性href,javascript,jquery,html,ajax,wordpress,Javascript,Jquery,Html,Ajax,Wordpress,我正在使用我的Wordpress网站,有一个弹出的模式窗口,只显示一些单选按钮(#input_1_1)。更改单选按钮字段的值时,将运行ajax调用并执行简单的mySql表更新。一切进展顺利,我想对我用来打开窗口的href文本进行更改 下面是到目前为止我得到的javascript,但是底部的第二行JQuery没有执行我想要的更改。即使只是尝试更改简单的目标url jQuery(document).ready(function(){ jQuery("#input_1_1").
jQuery(document).ready(function(){
jQuery("#input_1_1").change(function(){
jQuery("body").css("cursor", "wait");
var commitmentID = jQuery("#gform_1 input[type='radio']:checked").val();
jQuery('#popmake-710').popmake('close');
jQuery.ajax({
url:"<?php bloginfo( 'wpurl' ); ?>/wp-admin/admin-ajax.php",
type:'POST',
data:'action=gf_submit_1_1&commitmentID=' + commitmentID,
success:function(results)
{
//Here is the problem I've been working on for too many hours/days now
jQuery("#et-secondary-nav > li.popmake-fast-select-commitment.current_commitment_text.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-563").attr('href',"http://www.TheSameUrlButILikeADifferentTextToIt.com");
//See line above
jQuery("body").css("cursor", "default");
}
});
});
});
jQuery(文档).ready(函数(){
jQuery(“#input_1_1”).change(函数(){
jQuery(“body”).css(“游标”、“等待”);
var commitmentID=jQuery(“#gform_1 input[type='radio']:checked”).val();
jQuery('#popmake-710').popmake('close');
jQuery.ajax({
url:“/wp admin/admin ajax.php”,
类型:'POST',
数据:'action=gf_submit_1_1&committeId='+committeId,
成功:功能(结果)
{
//这就是我已经工作了太多小时/天的问题
jQuery(#et secondary nav>li.popmake fast select commitment.current#commitment_text.menu item.menu-item-type-post_type.menu item object page.menu-item-563”).attr('href',”http://www.TheSameUrlButILikeADifferentTextToIt.com");
//见上面一行
jQuery(“body”).css(“游标”、“默认值”);
}
});
});
});
这就是页面该部分的HTML的外观
<div id="et-secondary-menu">
<ul id="et-secondary-nav" class="menu">
<li class="bp-menu bp-profile-nav menu-item menu-item-type-custom menu-item-object-custom menu-item-152"></li>
<li class="popmake-fast-select-commitment current_commitment_text menu-item menu-item-type-post_type menu-item-object-page menu-item-563" style="cursor: pointer;">
<a href="http://www.myoriginalurlisjustfine.com/">
<i class="wp-svg-heart heart"></i>
THIS IS THE TEXT THAT I WANT TO HAVE CHANGED BY THE JQUERY AND IS THE TEXT PRESENTED IN THE SECONDARY WORDPRESS MENU
</a>
</li>
-
当您使用
jQuery("#et-secondary-nav > li.popmake-fast-select-commitment.current_commitment_text.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-563")
这将只选择没有a href attr的li,因此您需要使用(>a)
您在这里选择的是li
而不是a
换成
jQuery("#et-secondary-nav > li.popmake-fast-select-commitment.current_commitment_text.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-563 > a").attr('href',"http://www.TheSameUrlButILikeADifferentTextToIt.com");
使用
jQuery(“#et secondary nav>li.popmake-fast-select-commission.current_commission_text.menu-item.menu-item-type-post_-type.menu-item-object-page.menu-item-563 a”).attr('href',”http://www.TheSameUrlButILikeADifferentTextToIt.com");代码>
更改href。正如其他人所指出的,您没有更改jQuery选择器上的作为参考。太好了。我发现我瞄准了错误的目标。但即使有了这种变化,对“正确”的对象也没有影响。由于我不知道如何更改文本,我只是尝试更改URL,但没有成功。第二:如何格式化attr以保留URL,但更改文本“这是文本…”?@JompaBoy use.text()$(选择器)。文本(“这是文本”);完美的非常感谢您的意见!:)
jQuery("#et-secondary-nav > li.popmake-fast-select-commitment.current_commitment_text.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-563").attr('href',"http://www.TheSameUrlButILikeADifferentTextToIt.com");
jQuery("#et-secondary-nav > li.popmake-fast-select-commitment.current_commitment_text.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-563 > a").attr('href',"http://www.TheSameUrlButILikeADifferentTextToIt.com");