jQuery / HTML Operated在找到的元素上

Question

This is my first question here. First of all, please see this bit of code.

 $('#btn').click(function () {
 if ($(this).parent().find('a').attr('href') == $("#search_list").find('a').attr('href')) {
  $(secondelement).css(.......) ///any operation.
 }
 });

My question is how to perform an operation on the found/matched/second element? In this case, the element 'a' in #search_list having href equal to the href of 'a' in #btn's parent.

Answer 1

What you have is

$(this).parent().find('a').attr('href') == $("#search_list").find('a').attr('href')

it gets the href attribute of the first found anchor in the parent and compares against the first found anchor inside #search_list ( attr will return the attribute for the first element in the collection).

To get the same element, you can use the attributes selector instead, and select the first anchor in #search_list if it has the same href as the first anchor in the parent.

EDIT: to get any anchor with the same href as the first anchor in the parent element, you'd do :

$('#btn').on('click', function () {
    $('#search_list a[href="' + $(this).parent().find('a').attr('href') + '"]').css('color', 'red');
});