jQuery li element select by ID
jQuery li element select by ID
有人可以帮忙吗?
我有一个这样的HTML代码。
<ul class="nav navbar-nav navbar-left">
<li>
<a href="#"><img src="img/topbararrowback.png" alt=""></a>
</li>
<li id="hide_filter">
<a href="#">Hide Filter</a>
</li>
</ul>
我尝试在 id hide_filter 的 li 上添加一个 .click 事件。
我所做的是——
$("#hide_filter").click(function()
{
alert('message');
});
和-
$(".navbar-left li").click(function() {
alert(this.id); // id of clicked li by directly accessing DOMElement property
alert($(this).attr('id')); // jQuery's .attr() method, same but more verbose
alert($(this).html()); // gets innerHTML of clicked li
alert($(this).text()); // gets text contents of clicked li
});
和-
$('ul.selectedItems li#hide_filter').click(function()
{
//$("p").hide();
alert('message');
});
和-
$('#hide_filter')[0].click(function()
{
//$("p").hide();
alert('message');
});
但没有什么对我有用。
提前感谢您的帮助..
实际上它:)
$("#hide_filter").click(function()
{
alert('message');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul class="nav navbar-nav navbar-left">
<li>
<a href="#"><img src="img/topbararrowback.png" alt=""></a>
</li>
<li id="hide_filter">
<a href="#">Hide Filter</a>
</li>
</ul>
假设你已经添加了jquery库,你需要在加载DOM时附加事件,即在DOM就绪事件上:
$(function(){//document ready function
$("#hide_filter").click(function(){
alert('message');
});
});
工作演示
也许你的代码不是 eval。尝试像这样使用函数包装将您的代码放在 body tag 中
$(function(){ //document ready function
$("#hide_filter").on("click",function(){
console.log('message');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
从第三个选项中删除.selectedItems
选择器
$('ul li#hide_filter').click(function()
{
//$("p").hide();
alert('message');
});
从第 4 个选项中删除索引 0
$('#hide_filter').click(function()
{
//$("p").hide();
alert('message');
});
否则,您的 4 个选项是正确的并且可以正常工作。请确保您已将这些代码写入就绪事件中。
$(document).ready(function(){
$("#hide_filter").click(function()
{
alert('message');
});
});
也许jquery库有问题。它们是否与其他JavaScript冲突?
相关文章:
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- difference between '$(<%= DDL.ID %>) & $('
- 使用Javascript获取所选选项ID
- 根据id将json数组组合为一个json数组
- 是否有一个JS/jQuery函数可以获取某个类的每个元素的ID
- getDocument by id/get input text from button dons'不起作用
- jQuery li element select by ID
- Angularjs ng-repeat filter by id
- db.collection findOne by id 运行但不返回
- Dojo Query by ID defaulting to getElementById
- window.location 无法使用 get element by id 来工作
- Get Element by ID 返回使用 JavaScript 动态添加的元素的 null
- JS getElement by ID+Class
- Arcgis Javascript Api - Show WebMap by Id
- javascript select iframe by id
- 在Titanium中选择Object by Id
- 点击显示多个元素ref by id使用javascript
- jQuery Remove by id
- D3 - Select by id
- ionic sqlite delete by id, item undefined