Question

HTML

<ul>
  <li class="slist selected" id="ele1"><a href="#!id1">Element 1</a></li>
  <li class="slist" id="ele2"><a href="#!id2">Element 2</a></li>
</ul>

When i clicked slist li, it should get id from tag and add to this existing " http://www.example.com/test1.html“

请让我知道......怎么做？ http://www.example.com/test1.html#!id1

Answer 1

试试这个

如果你的li元素的id类似于href

，这将有效

$(".slist").click( function(){
  var id = $(this).prop("id");
  $("a[href*='"+id+"' ]").prop("href", "http://www.example.com/test1.html#!"+id);
}
);

或

当你直接想要修改孩子的一个元素时，这将起作用。我建议使用这个解决方案，因为它不会导致任何问题

$(".slist").click( function(){
  var id = $(this).prop("id");
  var a = $( "#" + id + ">a");
  a.prop("href", "http://www.example.com/test1.html#!"+id);
  alert(a.prop("href"));
}
);

Working Demo on JSFiddle

Answer 2

这样的事情应该有效。

$('a').click(function(event) {
event.preventDefault();

var attr = $(this).prop('id');
var currentUrl = document.location;

document.location.assign(currentUrl + attr);

)}

点击获取<a> <href> value to add to the URL path

2 个答案: