标签：javascript jquery ajax jquery-selectors

嘿,我环顾了Stack Overflow并尝试了其他一些人的尝试,我无法让这个工作.

我有一个像这样的选择元素：

<select id="slct_firstCat" name="slct_firstCat" size="15">
</select>

这只显示一个特定的AJAX请求完成后,所以这个select元素没有加载原始页面的DOM,它在主页加载后作为单独的AJAX请求加载.

我基本上想要这样做……

if (/* select element exists */) {
  // Then change the colour of a div to green
} else {
  // Change the colour to red
}

但请记住,这必须在页面加载后工作.如果需要,我可以单击选择以运行JS函数.

我在下面尝试了这个代码,但无法让它工作：

if ($(".element1").length > 0 || $(".element2").length > 0 {
  // code
}

所以基本上,如果select元素存在,则将选项卡颜色更改为绿色,否则将其更改为红色.

解决方法:

你必须把你的代码放在jQuery.ajax()的成功回调中.并且> $(‘.element1’)中不需要0部分.length> 0,因为 – 与Ruby-不同,0和“”在JavaScript中也是falsy.

jQuery.ajax({
    url: 'example.php',
    success: function () {    
        if ($('#slct_firstCat').length) {
            $('#myDiv').css('color', 'green');
        } else {
            $('#myDiv').css('color', 'red');
        }
});

标签：javascript,jquery,ajax,jquery-selectors
来源： https://codeday.me/bug/20190726/1543204.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。