jquery - 有条件的ajax调用

Question

这也许是非常基本的jquery语法，但我不太熟悉它。我想仅当页面上存在具有特定 id 的 html 输入时才进行 jquery ajax 调用。我该怎么做？

Answer 1

1. 确保您的脚本包含在要验证的标记之后(例如，在结束 </body -标记之前)或等待文档就绪 DOM 事件。
2. 检查 DOM 元素是否存在。

$( document ).ready(function() {
    if ( $('#jepp').length ) { // 0 validates falsy and != 0 truthy
        $('#jepp').val('do your stuff eg ajax')
    }
});

// or a little bit more advanced
$(function() { // document ready
    if ( document.getElementById('jepp') ) { // vanilla JavaScript but still straight forward
        $('#jepp').val( $('#jepp').val() + ' | a bit more advanced')
    }
})

<input id="jepp" value="" style="width:100%">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>