{"action":"opened","issue":{"url":"https://api.github.com/repos/stefanocudini/bootstrap-list-filter/issues/8","labels_url":"https://api.github.com/repos/stefanocudini/bootstrap-list-filter/issues/8/labels{/name}","comments_url":"https://api.github.com/repos/stefanocudini/bootstrap-list-filter/issues/8/comments","events_url":"https://api.github.com/repos/stefanocudini/bootstrap-list-filter/issues/8/events","html_url":"https://github.com/stefanocudini/bootstrap-list-filter/issues/8","id":54300023,"number":8,"title":"Option `itemChild` doesn't handel multiple element selector","user":{"login":"jerone","id":55841,"avatar_url":"https://avatars.githubusercontent.com/u/55841?v=3","gravatar_id":"","url":"https://api.github.com/users/jerone","html_url":"https://github.com/jerone","followers_url":"https://api.github.com/users/jerone/followers","following_url":"https://api.github.com/users/jerone/following{/other_user}","gists_url":"https://api.github.com/users/jerone/gists{/gist_id}","starred_url":"https://api.github.com/users/jerone/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jerone/subscriptions","organizations_url":"https://api.github.com/users/jerone/orgs","repos_url":"https://api.github.com/users/jerone/repos","events_url":"https://api.github.com/users/jerone/events{/privacy}","received_events_url":"https://api.github.com/users/jerone/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-01-14T09:22:33Z","updated_at":"2015-01-14T09:22:33Z","closed_at":null,"body":"The option `itemChild` doesn't take in account multiple element selector. The [jQuery `find`](http://api.jquery.com/find/) method does support this. For example if I want to use `{ itemChild: 'a,span' }`, the [logic to hide](https://github.com/stefanocudini/bootstrap-list-filter/blob/master/bootstrap-list-filter.src.js#L77) all not matched elements will overrule all previous elements.\r\n\r\nUse case:\r\n```html\r\n<li class=\"list-group-item\">\r\n  <a href=\"#\">Home</a>\r\n  <span class=\"label label-default\">keyword</span>\r\n</li>\r\n```\r\n```javascript\r\n$('#searchlist').btsListFilter('#searchinput', {itemChild: 'a,span'});\r\n```\r\n\r\nIgnoring the `itemChild` option in this case won't work, as then the method `.text()` is called, which with above usecase will result in the result `Homekeyword` (notice the absent space between the words)."}}